javascript arr数组怎么引入图片
时间: 2024-02-01 22:01:55 浏览: 25
JavaScript 本身并不直接用于引入图片,而是通过 HTML 中的 `<img>` 标签来实现。你可以使用 JavaScript 操作 DOM,将图片插入到 HTML 中。
下面是一个示例代码,其中 `src` 属性是图片的 URL,`alt` 属性是图片的描述文本:
```javascript
var img = document.createElement("img");
img.src = "https://example.com/image.jpg";
img.alt = "Example Image";
document.body.appendChild(img);
```
你也可以将图片作为数组中的一个元素,并且将其插入到 HTML 中:
```javascript
var arr = [
"https://example.com/image1.jpg",
"https://example.com/image2.jpg",
"https://example.com/image3.jpg"
];
for (var i = 0; i < arr.length; i++) {
var img = document.createElement("img");
img.src = arr[i];
img.alt = "Example Image " + (i+1);
document.body.appendChild(img);
}
```
以上代码将会在文档的 `body` 元素中插入三个图片,分别是 `image1.jpg`, `image2.jpg` 和 `image3.jpg`。