在js中加入图片路径的方法有
时间: 2023-08-30 07:02:51 浏览: 322
详解Vue.js中引入图片路径的几种方式
在JavaScript中,我们可以通过以下方法来向HTML文档中插入图像路径:
1. 使用createElement和setAttribute方法:
```javascript
var img = document.createElement('img');
img.setAttribute('src', '图片路径');
document.body.appendChild(img);
```
以上代码首先创建一个img元素,然后使用setAttribute方法设置其src属性为图片路径,最后将其追加到文档的body元素中。
2. 使用innerHTML属性:
```javascript
var imageUrl = '图片路径';
var html = '<img src="' + imageUrl + '">';
document.body.innerHTML = html;
```
以上代码将图片路径嵌入到一个img标签的src属性中,并将整个HTML字符串赋值给文档的innerHTML属性,从而替换原有内容。
3. 使用document.write方法:
```javascript
var imageUrl = '图片路径';
document.write('<img src="' + imageUrl + '">');
```
以上代码通过document.write直接向文档中写入HTML代码,其中图片路径被嵌入到img标签的src属性中。
无论使用哪种方法,都可以向HTML文档中插入图片路径。这些方法可以根据具体需求选择使用的方式,如动态加载、延迟加载等。
阅读全文