路上的杨柳依然神彩奕奕的低垂着黄绿色的发丝，好像冬天的降温没带给她们多少伤害。我倒感受到她们内心的寒冷，叶子摸着十分冰冷，也缺少了昔日的水分。冬天的到来，摧残了多少无辜的生命，又演绎了多少生命的童话。
利用js脚本代码可以很轻松的获取整个网页中所有图片的地址，下面举出了几个相关的示例代码，可以做个参考！
JS 获取网页中所有图片地址的方法
例1：js使用正则表达式获取所有图片地址的代码
var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|>)/gim;
var arr = [];
var s = document.documentElement.innerHTML; //这里可以指向某个元素
while (tem = reg.exec(s)) {
arr.push(tem[2]);
}
console.log(arr);注意：如果图片地址使用的为相对路径，那么获取的图片地址也是相对路径的，如果想获取的图片地址为绝对路径，可以参考下面的方法。
例2：
var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|>)/gim;
var arr = [];
var s = document.documentElement.innerHTML;
var host = window.location.protocol + '//' +window.location.host + '/';
while (tem = reg.exec(s)) {
if(tem[2].indexOf("http") != -1 ){
arr.push(tem[2]);
}else{
arr.push(host + tem[2]);
}
}
console.log(arr);注意：有的网址中的图片地址并没有加上HTTP或HTTPS的协议头，上面的图片路径的相对判断并不完美。
例3：使用JQ插件获取所有图片地址的方法
示例代码：
$('body img').each(function(){
console.log($(this).attr("src"));
}); 以上就是javascript获取网页中所有图片地址的方法。生活是一棵大树，我就是一片小树叶，我摇啊摇，我真快乐。更多关于javascript获取网页中所有图片地址的方法请关注haodaima.com其它相关文章！
