一个收集图片的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实现dropdownlist的联动效果(sharepoint 2007)
Mar 30 Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
Apr 12 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
Mar 04 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
BootStrap按钮标签及基本样式
Nov 23 Javascript
video.js使用改变ui过程
Mar 05 Javascript
JavaScript实现简单图片轮播效果
Aug 21 Javascript
微信小程序rich-text富文本用法实例分析
May 20 Javascript
Vue实现商品分类菜单数量提示功能
Jul 26 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 Javascript
JS自定义滚动条效果
Mar 13 Javascript
JS的时间格式化和时间戳转换函数示例详解
Jul 27 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
各种战术和打法的原创者
2020/03/04 星际争霸
让PHP更快的提供文件下载的代码
2012/06/13 PHP
php日期转时间戳,指定日期转换成时间戳
2012/07/17 PHP
基于PHP文件操作的详解
2013/06/05 PHP
PHP实现电商订单自动确认收货redis队列
2017/05/17 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
2019/05/05 PHP
Javascript 不能释放内存.
2006/09/07 Javascript
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
2006/12/27 Javascript
Prototype使用指南之enumerable.js
2007/01/10 Javascript
用js遍历 table的脚本
2008/07/23 Javascript
Iframe 自适应高度并实时监控高度变化的js代码
2009/10/30 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
2010/12/08 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
2013/06/27 Javascript
js几秒以后倒计时跳转示例
2013/12/26 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
js获取html的span标签的值方法(超简单)
2016/07/26 Javascript
React-Native之定时器Timer的实现代码
2017/10/04 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
2017/12/28 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
Python中列表、字典、元组数据结构的简单学习笔记
2016/03/20 Python
Python如何快速实现分布式任务
2017/07/06 Python
详解安装mitmproxy以及遇到的坑和简单用法
2019/01/21 Python
PyQt5 QTable插入图片并动态更新的实例
2019/06/18 Python
python编写微信公众号首图思路详解
2019/12/13 Python
django 数据库 get_or_create函数返回值是tuple的问题
2020/05/15 Python
python的数学算法函数及公式用法
2020/11/18 Python
python 利用jieba.analyse进行 关键词提取
2020/12/17 Python
初中学校军训方案
2014/05/09 职场文书
参赛口号
2014/06/16 职场文书
2014年安全生产工作总结
2014/11/13 职场文书
房屋租房协议书范本
2014/12/04 职场文书
关于长城的导游词
2015/01/30 职场文书
求职信格式范文
2015/03/19 职场文书
会计岗位工作总结
2015/08/12 职场文书