蓝叶博客

青春是一个充满活力的季节,即便是我们失去了天使的翅膀,只要我们还有一颗青春的心,那么我们的生活依然能够如阳光般灿烂!......
现在位置:首页 > 随便写写 > 一串js代码列出当前页面所有图片

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

蓝叶    随便写写    2021-01-08    903    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);
评论一下 分享本文 赞助蓝叶

赞助蓝叶X

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

清空信息
关闭评论
梦之家
梦之家2021-01-12 15:18回复
#1
多年过去,蓝叶一直都在,我却是浮浮沉沉呀
蓝叶
蓝叶2021-01-13 10:46回复
@梦之家:我也一样。
加载中....
快捷导航 返回顶部
付费服务
音乐欣赏
友情链接
保存桌面
给我留言
返回顶部