一个收集图片的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 dialog的用法详细解析
Dec 19 Javascript
setTimeout自动触发一个js的方法
Jan 15 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
Apr 08 Javascript
jquery实现通用版鼠标经过淡入淡出效果
Jun 15 Javascript
javascript匿名函数实例分析
Nov 18 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
Jun 04 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
Aug 22 Javascript
javascript每日必学之继承
Feb 23 Javascript
javascript使用闭包模拟对象的私有属性和方法
Oct 05 Javascript
详解Javascript函数声明与递归调用
Oct 22 Javascript
vue中利用iscroll.js解决pc端滚动问题
Feb 15 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
Aug 28 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/04/28 PHP
单台服务器的PHP进程之间实现共享内存的方法
2014/06/13 PHP
php实现MySQL数据库备份与还原类实例
2014/12/09 PHP
Yii使用Captcha验证码的方法
2015/12/28 PHP
完美解决php 导出excle的.csv格式的数据时乱码问题
2017/02/18 PHP
老生常谈php中传统验证与thinkphp框架(必看篇)
2017/06/10 PHP
json跟xml的对比分析
2008/06/10 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
2010/12/30 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
2011/09/15 Javascript
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
动态显示可输入的字数提示还可以输入的字数
2014/04/01 Javascript
jquery datepicker参数介绍和示例
2014/04/15 Javascript
addEventListener 的用法示例介绍
2014/05/07 Javascript
JS表的模拟方法
2015/02/05 Javascript
JavaScript 是什么意思
2016/09/22 Javascript
javascript简单进制转换实现方法
2016/11/24 Javascript
JS实现课堂随机点名和顺序点名
2017/03/09 Javascript
详解在express站点中使用ejs模板引擎
2017/09/21 Javascript
JS与SQL方式随机生成高强度密码示例
2018/12/29 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
jQuery实现简单弹幕制作
2020/12/10 jQuery
vue 数据双向绑定的实现方法
2021/03/04 Vue.js
从零学Python之入门(五)缩进和选择
2014/05/27 Python
Python3.4实现远程控制电脑开关机
2018/02/22 Python
python itchat给指定联系人发消息的方法
2019/06/11 Python
python中的colorlog库使用详解
2019/07/05 Python
Python基于内置库pytesseract实现图片验证码识别功能
2020/02/24 Python
python selenium xpath定位操作
2020/09/01 Python
关于前端上传文件全面基础扫盲贴(入门)
2019/08/01 HTML / CSS
2013年入党人员的自我鉴定
2013/10/25 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
工程售后服务方案
2014/06/08 职场文书
篮球比赛拉拉队口号
2014/06/10 职场文书
优秀班组申报材料
2014/12/25 职场文书
2015上半年个人工作总结
2015/07/27 职场文书
大队委员竞选稿
2015/11/20 职场文书