使用JavaScript插入/logo.png图片
时间: 2023-07-30 21:09:45 浏览: 52
你可以使用HTML代码在网页中插入图片,而JavaScript可以用来动态地修改图片的属性或在特定条件下改变图片。以下是使用JavaScript插入图片的示例代码:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Insert Image using JavaScript</title>
</head>
<body>
<div id="image-container"></div>
<script src="app.js"></script>
</body>
</html>
```
JavaScript代码:
```javascript
const imageContainer = document.getElementById('image-container');
const image = document.createElement('img');
image.src = 'logo.png';
imageContainer.appendChild(image);
```
上述代码会在HTML页面中创建一个空的 `<div>` 元素和一个指向 `logo.png` 图像文件的 `<img>` 元素。然后,使用JavaScript将该 `<img>` 元素添加到 `<div>` 元素中,从而在页面上呈现出该图像。
相关问题
js使用正则从https://lgg.datdapp.com/storage/image/20230927.png提取出/storage/image/20230927.png
可以使用正则表达式来提取出指定的字符串。在JavaScript中,可以使用`match()`方法来实现。
```javascript
const url = "https://lgg.datdapp.com/storage/image/20230927.png";
const pattern = /\/storage\/image\/\d+\.png/;
const result = url.match(pattern);
if (result) {
console.log(result[0]); // 输出:/storage/image/20230927.png
} else {
console.log("未找到匹配的字符串");}
```
通过js" 'http://192.168.200.50/CaseMedia//20230723//g5ehfzgw.hhc.png', 'http://192.168.200.50/CaseMedia//20230723//g5ehfzgw.hhc.png', " 转成 [ {url:"http://192.168.200.50/CaseMedia//20230723//g5ehfzgw.hhc.png"}, {url:"http://192.168.200.50/CaseMedia//20230723//g5ehfzgw.hhc.png"}, ]
你可以使用正则表达式和字符串操作来实现这个转换。下面是一个示例的JavaScript代码:
```javascript
const input = `[
'http://192.168.200.50/CaseMedia//20230723//g5ehfzgw.hhc.png',
'http://192.168.200.50/CaseMedia//20230723//g5ehfzgw.hhc.png'
]`;
// 使用正则表达式匹配所有的URL
const regex = /'([^']+)'/g;
const matches = input.matchAll(regex);
// 将匹配到的URL转换成对象
const output = Array.from(matches, match => ({ url: match[1] }));
console.log(output);
```
这段代码首先定义了输入字符串 `input`,然后使用正则表达式 `/'([^']+)'/g` 匹配所有的URL。接下来,使用 `matchAll()` 方法获取所有匹配结果,并使用 `Array.from()` 方法将每个匹配的URL转换为一个对象,该对象的属性名为 `url`,属性值为对应的URL。
最后,将转换后的结果输出到控制台。你可以在浏览器的开发者工具或Node.js环境中运行这段代码,将输入字符串替换为你实际的数据,即可得到转换后的结果。