一个收集图片的bookmarlet(js 刷新页面中的图片)


Posted in Javascript onMay 27, 2010

首先看整体:

javascript:w=window.open("about:blank","images","scrollable=yes");w.document.open();for(i=0;i<document.images.length;i++)w.document.write("<img src='" + document.images[i].src + "' /><br /><br />");w.document.close();

我上面写的那个是用来在新的页面内显示当前页面内的所有图片的,其更人性化的格式为:

w=window.open("about:blank","images","scrollable=yes"); 
w.document.open(); 
for(i=0;i<document.images.length;i++) 
w.document.write("<img src='" + document.images[i].src + "' /><br />"); 
w.document.close();

原理很简单,就是新建一个窗口,然后遍历所有的images,再显示。

学以致用而已,呵呵……

所谓:Bookmarklet

Bookmarklet ,大陆这边一般都称呼为小书签,台湾那边称呼为书签列小程式 or 书签小程式。它是一段 JavaScript 脚本,一般网络上的小书签都是一个链接,它的安装非常简单,只需要把链接拖到你的收藏夹里。

Javascript 相关文章推荐
图片完美缩放
Sep 07 Javascript
jQuery数组处理方法汇总
Jun 20 Javascript
javascript显示用户停留时间的简单实例
Aug 05 Javascript
Node.js和PHP根据ip获取地理位置的方法
Mar 14 Javascript
详解Angular5路由传值方式及其相关问题
Apr 28 Javascript
详解angularjs跨页面传参遇到的一些问题
Nov 01 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
Apr 02 Javascript
JS中注入eval, Function等系统函数截获动态代码
Apr 03 Javascript
JavaScript Window窗口对象属性和使用方法
Jan 19 Javascript
JavaScript的垃圾回收机制与内存管理
Aug 06 Javascript
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
jQuery-App输入框实现实时搜索
Nov 19 jQuery
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 #Javascript
Javascript 设计模式(二) 闭包
May 26 #Javascript
JavaScript 设计模式 富有表现力的Javascript(一)
May 26 #Javascript
js escape,unescape解决中文乱码问题的方法
May 26 #Javascript
javascript 异步页面查询实现代码(asp.net)
May 26 #Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 #Javascript
jquery的$(document).ready()和onload的加载顺序
May 26 #Javascript
You might like
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
PHP实现删除非站内外部链接实例代码
2014/06/17 PHP
PHP中mysql_field_type()函数用法
2014/11/24 PHP
thinkphp实现分页显示功能
2016/12/03 PHP
PHP中使用mpdf 导出PDF文件的实现方法
2018/10/22 PHP
图片连续滚动代码[兼容IE/firefox]
2009/06/11 Javascript
使用JS画图之点、线、面
2015/01/12 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
2015/09/30 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
JS判断浏览器是否安装flash插件的简单方法
2016/09/13 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
Angular组件化管理实现方法分析
2017/03/17 Javascript
WdatePicker.js时间日期插件的使用方法
2017/07/26 Javascript
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
jQuery实现鼠标移到某个对象时弹出显示层功能
2018/08/23 jQuery
详解js静态检查工具eslint配置文件
2018/11/23 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
2019/09/11 Javascript
基于vue实现图片验证码倒计时60s功能
2019/12/10 Javascript
[54:02]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 IG vs VGJ.T
2018/04/03 DOTA
将字典转换为DataFrame并进行频次统计的方法
2018/04/08 Python
python实现在IDLE中输入多行的方法
2018/04/19 Python
python leetcode 字符串相乘实例详解
2018/09/03 Python
python实现通过队列完成进程间的多任务功能示例
2019/10/28 Python
使用Python构造hive insert语句说明
2020/06/06 Python
解决tensorflow读取本地MNITS_data失败的原因
2020/06/22 Python
python实现无边框进度条的实例代码
2020/12/30 Python
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
Silk’n激光脱毛器官网:silkn.com
2016/10/06 全球购物
西安众合通用.net笔试题
2013/03/18 面试题
应届生高等护理求职信
2013/10/12 职场文书
2014房屋登记授权委托书
2014/10/13 职场文书
2014教师评职称工作总结
2014/11/10 职场文书
综合办公室岗位职责
2015/04/11 职场文书
会议主持词结束语
2015/07/03 职场文书
Python编写可视化界面的全过程(Python+PyCharm+PyQt)
2021/05/17 Python