Как я могу использовать Javascript, чтобы получить список всех URL-адресов изображений, доступных на сайте?

Question

Мне интересно, как DownThemAll делает это. Они используют Javascript?

Как я могу получить список всех URL-адресов на веб-сайте, используя 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'));
    }
}

Этот код будет генерировать список URL-адресов изображений, которые используются в <img>