一个收集图片的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 相关文章推荐
Google韩国首页图标动画效果
Aug 26 Javascript
js类中获取外部函数名的方法与代码
Sep 12 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
Jan 11 Javascript
js分页代码分享
Apr 28 Javascript
jQuery弹出框代码封装DialogHelper
Jan 30 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
详解Node.js模板引擎Jade入门
Jan 19 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
利用vue.js把静态json绑定bootstrap的table方法
Aug 28 Javascript
使用vue-cli webpack 快速搭建项目的代码
Nov 21 Javascript
webpack 最佳配置指北(推荐)
Jan 07 Javascript
vue.js实现双击放大预览功能
Jun 23 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在字符断点处截断文字的实现代码
2011/04/21 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
用js做一个小游戏平台 (一)
2009/12/29 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
JavaScript中的noscript元素属性位置及作用介绍
2013/04/11 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
2014/04/02 Javascript
JS获取子窗口中返回的数据实现方法
2016/05/28 Javascript
JavaScript常用代码书写规范的超全面总结
2016/09/11 Javascript
yarn与npm的命令行小结
2016/10/20 Javascript
Vue.js学习之计算属性
2017/01/22 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
element ui 对话框el-dialog关闭事件详解
2018/02/26 Javascript
vue中input的v-model清空操作
2019/09/06 Javascript
Python MD5文件生成码
2009/01/12 Python
对Python 网络设备巡检脚本的实例讲解
2018/04/22 Python
Python正则匹配判断手机号是否合法的方法
2020/12/09 Python
pytorch 常用线性函数详解
2020/01/15 Python
python def 定义函数,调用函数方式
2020/06/02 Python
Matplotlib中%matplotlib inline如何使用
2020/07/28 Python
python进行OpenCV实战之画图(直线、矩形、圆形)
2020/08/27 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
Calphalon美国官网:美国顶级锅具品牌
2020/02/05 全球购物
热能动力工程毕业生自荐信
2013/11/07 职场文书
ktv好的活动方案
2014/08/17 职场文书
关于运动会的广播稿(10篇)
2014/09/12 职场文书
2014年法务工作总结
2014/12/11 职场文书
青岛海底世界导游词
2015/02/11 职场文书
圣贤教育改变命运观后感
2015/06/16 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
使用 JavaScript 制作页面效果
2021/04/21 Javascript
ajax请求前端跨域问题原因及解决方案
2021/10/16 Javascript
Python jiaba库的使用详解
2021/11/23 Python
斗罗大陆八大特殊魂兽,龙族始祖排榜首,第五最残忍(翠魔鸟)
2022/03/18 国漫
疑《守望先锋2》A测截图泄露 或将推出新模式、新界面
2022/04/03 其他游戏