外链式js文件如何提取html文件中的图片
时间: 2023-11-28 11:06:40 浏览: 57
如何动态加载外部Javascript文件
在外链式JS文件中提取HTML文件中的图片,需要使用JavaScript中的DOM API来获取HTML文档中的图片元素,然后获取其src属性的值,即可得到图片的URL。下面是一个简单的示例代码:
```javascript
// 获取所有图片元素
var images = document.getElementsByTagName('img');
// 遍历所有图片元素,并获取它们的src属性值
for (var i = 0; i < images.length; i++) {
var imgSrc = images[i].src;
console.log(imgSrc); // 输出图片URL
}
```
需要注意的是,如果图片是异步加载的,可能需要等待图片加载完成后才能获取到其完整的URL。可以使用`onload`事件来监听图片加载完成的状态,例如:
```javascript
var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; i++) {
var img = images[i];
img.onload = function() {
console.log(this.src); // 输出图片URL
}
}
```
阅读全文