分享模板插件精品好资源
现在位置:首页 > 随便写写 > 一串js代码列出当前页面所有图片

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

作者:蓝叶 分类:随便写写 时间:2021-01-08 浏览:1858 评论: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);

免责声明:

本页网址:点击复制分享给朋友吧!

本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!

评论列表
挤眼亲亲咆哮开心想想可怜糗大了委屈哈哈小声点右哼哼左哼哼疑问坏笑赚钱啦悲伤耍酷勾引厉害握手耶嘻嘻害羞鼓掌馋嘴抓狂抱抱围观威武给力
提交评论

清空信息
关闭评论
梦之家
梦之家游客
#1
多年过去,蓝叶一直都在,我却是浮浮沉沉呀
2021-01-12 15:18回复
蓝叶
蓝叶游客
@梦之家:我也一样。
2021-01-13 10:46回复