一个收集图片的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 相关文章推荐
JQuery 常用方法和事件详细介绍
Apr 18 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
JavaScript中的toUTCString()方法使用详解
Jun 12 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
快速使用node.js进行web开发详解
Apr 26 Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
Dec 26 Javascript
Node如何后台数据库使用增删改查功能
Nov 21 Javascript
使用preload预加载页面资源时注意事项
Feb 03 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
Feb 11 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 一个页面执行时间类代码
2010/03/05 PHP
php实现图片等比例缩放代码
2015/07/23 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
jQuery live
2009/05/15 Javascript
$.ajax返回的JSON无法执行success的解决方法
2011/09/09 Javascript
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
javascript dom追加内容实现示例
2013/09/21 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
修改js confirm alert 提示框文字的简单实例
2016/06/10 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
JS简单测试循环运行时间的方法
2016/09/04 Javascript
微信小程序 request接口的封装实例代码
2017/04/26 Javascript
javascript中的隐式调用
2018/02/10 Javascript
详解微信小程序之提高应用速度小技巧
2020/01/07 Javascript
JS数组进阶示例【数组的几种函数用法】
2020/01/16 Javascript
[01:51]2014DOTA2西雅图邀请赛 MVP 外卡赛black场间采访
2014/07/09 DOTA
Python基于回溯法子集树模板解决选排问题示例
2017/09/07 Python
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
python实现公司年会抽奖程序
2019/01/22 Python
Python基本数据结构之字典类型dict用法分析
2019/06/08 Python
python Dijkstra算法实现最短路径问题的方法
2019/09/19 Python
python 实现弹球游戏的示例代码
2020/11/17 Python
纯CSS3实现手风琴风格菜单具体步骤
2013/05/06 HTML / CSS
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
幼儿园小班评语大全
2014/04/17 职场文书
单位租车协议书
2015/01/29 职场文书
建党伟业观后感
2015/06/01 职场文书
何玥事迹观后感
2015/06/16 职场文书
病假证明模板
2015/06/19 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书
关于公司年会的开幕词
2016/03/04 职场文书
为什么MySQL不建议使用SELECT *
2022/04/03 MySQL
Win11安装升级时提示“该电脑必须支持安全启动”
2022/04/19 数码科技
CSS子盒子水平和垂直居中的五种方法
2022/07/23 HTML / CSS