一个收集图片的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 相关文章推荐
利用js对象弹出一个层
Mar 26 Javascript
js关闭子窗体刷新父窗体实现方法
Dec 04 Javascript
Extjs表单常见验证小结
Mar 07 Javascript
node.js中的fs.openSync方法使用说明
Dec 17 Javascript
使用Angular缓存父页面数据的方法
Jan 03 Javascript
javascript html5轻松实现拖动功能
Mar 01 Javascript
node基于puppeteer模拟登录抓取页面的实现
May 09 Javascript
从零开始用electron手撸一个截屏工具的示例代码
Oct 10 Javascript
layui table设置某一行的字体颜色方法
Sep 05 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
Sep 30 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 Javascript
vue router-link 默认a标签去除下划线的实现
Nov 06 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
CI框架中类的自动加载问题分析
2016/11/21 PHP
Javascript操纵Cookie实现购物车程序
2007/02/15 Javascript
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
2009/02/18 Javascript
jQuery新闻滚动插件 jquery.roller.js
2011/06/27 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
使用JQuery 加载页面时调用JS的实现方法
2016/05/30 Javascript
JS从一组数据中找到指定的单条数据的方法
2016/06/02 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
2017/03/29 Javascript
利用 spin.js 生成等待效果(js 等待效果)
2017/06/25 Javascript
Vue 中使用 CSS Modules优雅方法
2018/04/09 Javascript
layui-laydate时间日历控件使用方法详解
2018/11/15 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
2019/05/09 Javascript
Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】
2020/05/13 Javascript
[02:18]《我与DAC》之工作人员:为了热爱DOTA2的玩家们
2018/03/28 DOTA
Python数据类型中的“冒号“[::]——分片与步长操作示例
2018/01/24 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
python生成lmdb格式的文件实例
2018/11/08 Python
Python正则表达式匹配和提取IP地址
2019/06/06 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
Pycharm调试程序技巧小结
2020/08/08 Python
英国二手物品交易网站:Preloved
2017/10/06 全球购物
英国布鲁姆精品店:Bloom Boutique
2018/03/01 全球购物
Desigual美国官方网站:西班牙服装品牌
2019/03/29 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
Jowissa官方网站:瑞士制造的手表,优雅简约的设计
2020/07/29 全球购物
在C++ 程序中调用被C 编译器编译后的函数,为什么要加extern "C"
2014/08/09 面试题
为什么要做架构设计
2015/07/08 面试题
感恩母亲节演讲稿
2014/05/07 职场文书
师范类求职信
2014/06/21 职场文书
二手房购房协议书范本
2014/10/05 职场文书
流动人口婚育证明
2014/10/19 职场文书
外出学习心得体会范文
2016/01/18 职场文书
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/04/22 无线电
python实现过滤敏感词
2021/05/08 Python
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL