一串js代码列出当前页面所有图片

现在位置：首页 > 随便写写 > 一串js代码列出当前页面所有图片

一串js代码列出当前页面所有图片

蓝叶随便写写 2021-01-08 1563 2评论

在浏览一些图片文章时，只想看图片或者想保存多张图片，可以使用蓝叶分享的js代码来实现列出当前页面所有图片，可以直接显示出图片网址，也可以增加个看图效果，就如同看相册一样方便；使用谷歌浏览器或者一些极速浏览器，打开开发者工具进入console命令控制台，粘贴下方js代码就可以列出当前页面所有的图片。

在浏览器命令控制台粘贴代码
javascript:a=document.body.getElementsByTagName("img");var b="";for(i=0;i<a.length;i++){b+=a[i].src+"<br />";};document.write(b);

粘贴下方代码可以列出图片并添加查看效果
javascript:a=document.body.getElementsByTagName("img");var b='';for(i=0;i<a.length;i++){b+="<a href="+a[i].src+" data-fancybox=group data-caption="+i+" target=_blank><img border=0 src="+a[i].src+"></a><br>"};document.write(b);
var csslink = document.createElement('link');
csslink.rel = "stylesheet";
csslink.href = "https://cdn.staticfile.org/fancybox/3.3.5/jquery.fancybox.min.css";
document.getElementsByTagName('head')[0].appendChild(csslink);
var script = document.createElement('script');
script.src = "https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(script);
var script = document.createElement('script');
script.src = "https://cdn.staticfile.org/fancybox/3.3.5/jquery.fancybox.min.js";
document.getElementsByTagName('head')[0].appendChild(script);