一个收集图片的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写一个鼠标拖动效果实现原理与代码
Dec 24 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
Sep 05 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
May 02 Javascript
论Bootstrap3和Foundation5网格系统的异同
May 16 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
Sep 13 Javascript
node.js到底要不要加分号浅析
Jul 11 Javascript
vue实现简单的MVVM框架
Aug 05 Javascript
JavaScript实现美化滑块效果
May 17 Javascript
记录vue做微信自定义分享的一些问题
Sep 12 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
Sep 23 Javascript
js实现带搜索功能的下拉框
Jan 11 Javascript
微信小程序实现下滑到底部自动翻页功能
Mar 07 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临时文件的安全性分析
2014/07/04 PHP
详解WordPress中简码格式标签编写的基本方法
2015/12/22 PHP
thinkphp中AJAX返回ajaxReturn()方法分析
2016/12/06 PHP
得到文本框选中的文字,动态插入文字的js代码
2007/03/07 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
JavaScript实现简单获取当前网页网址的方法
2015/11/09 Javascript
Javascript编程中几种继承方式比较分析
2015/11/28 Javascript
复杂的javascript窗口分帧解析
2016/02/19 Javascript
简单实现的JQuery文本框水印插件
2016/06/14 Javascript
老生常谈onBlur事件与onfocus事件(js)
2016/07/09 Javascript
如何用js实现鼠标向上滚动时浮动导航
2016/07/18 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
2017/01/12 Javascript
js获取css的各种样式并且设置他们的方法
2017/08/22 Javascript
JavaScript基础进阶之数组方法总结(推荐)
2017/09/04 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
Jquery使用each函数实现遍历及数组处理
2020/07/14 jQuery
跟老齐学Python之正规地说一句话
2014/09/28 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
pyQT5 实现窗体之间传值的示例
2019/06/20 Python
Python实现EXCEL表格的排序功能示例
2019/06/25 Python
python线程中的同步问题及解决方法
2019/08/29 Python
浅谈python已知元素,获取元素索引(numpy,pandas)
2019/11/26 Python
PyQt5实现登录页面
2020/05/30 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
荷兰超市:DEEN
2018/03/14 全球购物
建筑工地文明标语
2014/10/09 职场文书
2015年房产经纪人工作总结
2015/05/15 职场文书
2015年乡镇卫生院妇幼保健工作总结
2015/05/19 职场文书
师德师风培训感言
2015/08/03 职场文书
2016中学教师读书心得体会
2016/01/13 职场文书
2019优秀干部竞聘演讲稿范文!
2019/07/02 职场文书
关于k8s环境部署mysql主从的问题
2022/03/13 MySQL
使用Python拟合函数曲线
2022/04/14 Python
Elasticsearch 数据类型及管理
2022/04/19 Python
instantclient客户端 连接oracle数据库
2022/04/26 Oracle