一个收集图片的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 相关文章推荐
JSON 编辑器实现代码
Dec 06 Javascript
jQuery UI AutoComplete 自动完成使用小记
Aug 21 Javascript
向左滚动文字 js代码效果
Aug 17 Javascript
JQuery的$命名冲突详细解析
Dec 28 Javascript
JQuery实现超链接鼠标提示效果的方法
Jun 10 Javascript
底部悬浮通栏可以关闭广告位的实现方法
Jun 01 Javascript
jQuery中值得注意的trigger方法浅析
Dec 12 Javascript
vue表单绑定实现多选框和下拉列表的实例
Aug 12 Javascript
AngularJS实现自定义指令及指令配置项的方法
Nov 20 Javascript
微信小程序文章详情页面实现代码
Sep 10 Javascript
vue.js中使用echarts实现数据动态刷新功能
Apr 16 Javascript
vue自定义树状结构图的实现方法
Oct 18 Javascript
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
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
jQuery实现切换页面布局使用介绍
2011/10/09 Javascript
一个关于jqGrid使用的小例子(行按钮)
2011/11/04 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
jQuery对html元素取值与赋值的方法
2013/11/20 Javascript
如何利用AngularJS打造一款简单Web应用
2015/12/05 Javascript
jQuery Mobile中的button按钮组件基础使用教程
2016/05/23 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
2017/03/08 Javascript
sublime text配置node.js调试(图文教程)
2017/11/23 Javascript
JavaScript异步加载问题总结
2018/02/17 Javascript
vue.js实现的经典计算器/科学计算器功能示例
2018/07/11 Javascript
你不知道的 TypeScript 高级类型(小结)
2020/08/28 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
python获取当前运行函数名称的方法实例代码
2017/04/06 Python
Python读取sqlite数据库文件的方法分析
2017/08/07 Python
微信跳一跳python自动代码解读1.0
2018/01/12 Python
Python装饰器用法实例总结
2018/02/07 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
Python计算一个给定时间点前一个月和后一个月第一天的方法
2018/05/29 Python
Python查找最长不包含重复字符的子字符串算法示例
2019/02/13 Python
对Python生成器、装饰器、递归的使用详解
2019/07/19 Python
PyCharm导入python项目并配置虚拟环境的教程详解
2019/10/13 Python
使用pytorch实现论文中的unet网络
2020/06/24 Python
传统HTML页面实现模块化加载的方法
2018/10/15 HTML / CSS
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
2012/06/04 HTML / CSS
HTML5中的autofocus(自动聚焦)属性介绍
2014/04/23 HTML / CSS
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
美国在线购买内衣网站:HerRoom
2020/02/22 全球购物
营销主管自我评价怎么写
2013/09/19 职场文书
学校司机岗位职责
2013/11/14 职场文书
通信工程毕业生求职信
2013/11/16 职场文书
咖啡店自主创业商业计划书
2014/01/22 职场文书
品质标语大全
2014/06/21 职场文书
群众路线四风自我剖析材料
2014/10/08 职场文书
Python OpenCV快速入门教程
2021/04/17 Python