一串js代码列出当前页面所有图片
在浏览一些图片文章时,只想看图片或者想保存多张图片,可以使用蓝叶分享的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);
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《蓝叶》。
- 本文网址:https://lanye.org/rizhi/925.html
- 上篇文章:emlog程序获取用户头像函数
- 下篇文章:emlog程序插件页面网址优化方法

梦之家2021-01-12 15:18回复
#1
多年过去,蓝叶一直都在,我却是浮浮沉沉呀

蓝叶2021-01-13 10:46回复
@梦之家:我也一样。