一个收集图片的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实例收集(20个)
Apr 21 Javascript
JS过滤url参数特殊字符的实现方法
Dec 24 Javascript
自己使用jquery写的一个无缝滚动的插件
Apr 30 Javascript
jQuery检查事件是否触发的方法
Jun 26 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
Nov 24 Javascript
自己封装的一个简单的倒计时功能实例
Nov 23 Javascript
结合mint-ui移动端下拉加载实践方法总结
Nov 08 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
Jul 10 Javascript
使用node搭建自动发图文微博机器人的方法
Mar 22 Javascript
微信小程序事件 bindtap bindinput代码实例
Aug 26 Javascript
vue.js实现图书管理功能
Sep 24 Javascript
layui-table获得当前行的上/下一行数据的例子
Sep 24 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简单提示框alert封装函数
2010/08/08 PHP
MySQL时间字段究竟使用INT还是DateTime的说明
2012/02/27 PHP
比较discuz和ecshop的截取字符串函数php版
2012/09/03 PHP
PHP数字和字符串ID互转函数(类似优酷ID)
2014/06/30 PHP
yii通过小物件生成view的方法
2016/10/08 PHP
PHP实现的curl批量请求操作示例
2018/06/06 PHP
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
2013/01/24 Javascript
js中一个函数获取另一个函数返回值问题探讨
2013/11/21 Javascript
jQuery中delegate和on的用法与区别详细解析
2014/01/26 Javascript
jQuery 实现自动填充邮箱功能(带下拉提示)
2014/10/14 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
2016/02/25 Javascript
JavaScript头像上传插件源码分享
2016/03/29 Javascript
js学习阶段总结(必看篇)
2016/06/16 Javascript
JavaScript数据结构之二叉树的删除算法示例
2017/04/13 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
JavaScript日期库date-fn.js使用方法解析
2020/09/09 Javascript
微信小程序实现登录注册功能
2020/12/29 Javascript
[31:01]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS Orenda
2014/05/23 DOTA
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
easy_install python包安装管理工具介绍
2013/02/10 Python
Python简单操作sqlite3的方法示例
2017/03/22 Python
django认证系统实现自定义权限管理的方法
2019/08/28 Python
Python 读取位于包中的数据文件
2020/08/07 Python
canvas环形倒计时组件的示例代码
2018/06/14 HTML / CSS
日本土著品牌,综合型购物网站:Cecile
2016/08/23 全球购物
印尼最大的婴儿用品购物网站:Orami
2017/09/28 全球购物
韩国演唱会订票网站:StubHub韩国
2019/01/17 全球购物
在校大学生的职业生涯规划书
2014/03/14 职场文书
竞选班干部的演讲稿
2014/04/24 职场文书
小学语文课后反思精选
2014/04/25 职场文书
无房产证房屋转让协议书合同样本
2014/10/18 职场文书
院系推荐意见
2015/06/05 职场文书
赢在执行观后感
2015/06/16 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书
MySQL表的增删改查基础教程
2021/04/07 MySQL
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
2022/09/23 HTML / CSS