一个收集图片的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 相关文章推荐
爱恋千雪-US-AscII加密解密工具(网页加密)下载
Jun 06 Javascript
jQuery 表单验证扩展(三)
Oct 20 Javascript
JS图片切换的具体方法(带缩略图版)
Nov 12 Javascript
js的image onload事件使用遇到的问题
Jul 15 Javascript
js计算任意值之间随机数的方法
Jan 16 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
JS实现添加,替换,删除节点元素的方法
Jun 30 Javascript
jQuery使用deferreds串行多个ajax请求
Aug 22 Javascript
基于JQuery及AJAX实现名人名言随机生成器
Feb 10 Javascript
es6中let和const的使用方法详解
Feb 24 Javascript
原生js滑动轮播封装
Jul 31 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的分页功能
2007/03/21 PHP
php使用base64加密解密图片示例分享
2014/01/20 PHP
PHP中构造函数和析构函数解析
2014/10/10 PHP
PHP引用返回用法示例
2016/05/28 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
PHP根据key删除数组中指定的元素
2019/02/28 PHP
Yii框架实现对数据库的CURD操作示例
2019/09/03 PHP
js 处理URL实用技巧
2010/11/23 Javascript
jquery创建一个ajax关键词数据搜索实现思路
2013/02/26 Javascript
jquery 获取表单元素里面的值示例代码
2013/07/28 Javascript
JavaScript作用域与作用域链深入解析
2013/12/06 Javascript
jquery+php实现搜索框自动提示
2014/11/28 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
2015/11/30 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
2017/02/22 Javascript
koa2+vue实现登陆及登录状态判断
2019/08/15 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
[01:08:00]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2018/05/16 Python
python计算日期之间的放假日期
2018/06/05 Python
python读取文本中的坐标方法
2018/10/14 Python
Python3.6简单的操作Mysql数据库的三个实例
2018/10/17 Python
python实现合并两个排序的链表
2019/03/03 Python
python dlib人脸识别代码实例
2019/04/04 Python
python基于celery实现异步任务周期任务定时任务
2019/12/30 Python
python 成功引入包但无法正常调用的解决
2020/03/09 Python
python设置中文界面实例方法
2020/10/27 Python
TOWER London官网:鞋子、靴子、运动鞋等
2019/07/14 全球购物
统计每一学生的平均成绩
2014/06/06 面试题
行政管理人员精品工作推荐信
2013/11/04 职场文书
教师实习自我鉴定
2013/12/14 职场文书
金融事务专业毕业生求职信
2014/02/23 职场文书
高校群众路线教育实践活动剖析材料
2014/10/10 职场文书
教师党员学习群众路线心得体会
2014/11/04 职场文书
婚育证明格式
2015/06/17 职场文书
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android