如何使用Javascript获取网站上可用的所有图片网址列表？

Question

我很好奇DownThemAll如何做到这一点。他们使用Javascript吗？

如何使用Javascript获取网站中所有网址的列表？

Answer 1

使用馆藏

链接：document.links（href）

图片： document.images（src）

使用DOM

document.getElementsByTagName('img')

小书签：

Live Demo

(function(){
  var imgs = document.getElementsByTagName('img'),t=[];
  for (var i=0, n=imgs.length;i<n;i++) 
    t.push('<a href="'+imgs[i].src+'"><img src="'+
                       imgs[i].src+'" width="100"></a>'); 
  if (t.length) {
    var w=window.open('','_blank'); 
    if (w) {w.document.write(t.join('&nbsp;'));w.document.close();}
    else alert('cannot pop a window');  
  }    
 })();

现在您可以将新页面保存到硬盘中，并且会有一个充满图像的目录

Answer 2

var list=[];
var a=document.getElementsByTagName('img');
for (var i=0,l=a.length;i<l;i++)
{
    if (/\.(jpg|gif|png|jpeg)$/im.test(a[i].getAttribute('src')))
    {
        list.push(a[i].getAttribute('src'));
    }
}

此代码将生成<img>

中使用的图片网址列表