一个收集图片的bookmarlet(js 刷新页面中的图片)

首先看整体:


代码如下:

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 脚本，一般网络上的小书签都是一个链接，它的安装非常简单，只需要把链接拖到你的收藏夹里。

赞 (0)

相关推荐

  • js局部刷新页面时间具体实现

    复制代码 代码如下: <head>    <title></title>    <script type="text/javascript">        function GetTime() {            var time = new Date();            var year = time.getFullYear();            var month = time.getMonth() + 1;  

  • js 刷新页面的代码小结 推荐

    1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">向上一页</a> response.Write("<script

  • JS刷新当前页面的几种方法总结

    reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet])                                                                                                                           参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面,

  • 刷新页面实现方式总结(HTML,ASP,JS)

    定时刷新: 1,<script>setTimeout("location.href='url'",2000)</script> 说明:url是要刷新的页面URL地址 2000是等待时间=2秒, 2,<meta name="Refresh" content="n;url"> 说明: n is the number of seconds to wait before loading the specified UR

  • JS定时刷新页面及跳转页面的方法

    Javascript 返回上一页1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);2. history.back().3. window.history.forward()返回下一页4. window.history.go(返回第几页,也可以使用访问过的URL)例: 复制代码 代码如下: <a href="javascript:history.go(-1);">向上一页</a>response.

  • js刷新页面方法大全

    如何实现刷新当前页面呢?借助js你将无所不能. 1,reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet])   参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前

  • JSP刷新页面表单重复提交问题解决办法分享

    使用sessionID和时间戳作为标识,关键代码如下: 复制代码 代码如下: public class SswpdjAction extends BaseAction{     public String execute(){     /**业务代码**/     ................     //设置标识     this.setSessionToken();     //转到添加页面     return "toAdd";     }     public String

  • 一个收集图片的bookmarlet(js 刷新页面中的图片)

    首先看整体: 复制代码 代码如下: 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 + "' />

  • 如何让一个层关闭之后，就算刷新页面了也不显示。除非关闭页面再次打开

    一个层关闭之后,就算刷新页面了也不显示.除非关闭页面再次打开 #myDiv{ border:1px solid red; background:#cccccc; width:100px; height:100px; } #mySpan{ cursor:pointer; } function closeDiv(){ document.getElementById("myDiv").style.display = "none"; document.cookie = &q

  • js刷新页面location.reload()用法详解

    本文介绍了js刷新页面函数location.reload()的用法,有关js location.reload()函数的例子,有需要的朋友参考下. 在javascript编程中,多使用location.reload实现页面刷新. 例子: window.location.href=window.location.href; window.location.reload; 经测试,这两句在某些情况下可以代替location.reload(true); 而不会出现重试对话框达到刷新的效果 在js中实现刷

  • JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

    JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

    本文实例讲述了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法.分享给大家供大家参考,具体如下: 这里演示js如何给页面中所有的img对象加上onclick事件,且实现在新窗体中查看该图片文件的功能: <script type="text/JavaScript" language="javascript"> <!-- ///给页面中所有img对象添加onclick事件 //author:aganar /// function

  • JS解决IOS中拍照图片预览旋转90度BUG的问题

    JS解决IOS中拍照图片预览旋转90度BUG的问题

    上篇文章[Js利用Canvas实现图片压缩功能]中做了图片压缩上传,但是在IOS真机测试的时候,发现图片预览的时候自动逆时针旋转了90度.对于这个bug,我完全不知道问题出在哪里,接下来就是面向百度编程了.通过度娘找到了相关资料,解决方法记录在此.这个问题的具体因素其实我还是不清楚是为何导致的,只有IOS和部分三星手机会出现此bug. 绝大部分的安卓机并无此问题. 解决此问题需要引入一个第三方 JS 库: exif.js 下载地址:https://github.com/exif-js/exif-

  • 利用JS屏蔽页面中的Enter按键提交表单的方法

    如在设置了JS代码响应<p>标签的Enter按键触发事件时,根据冒泡型事件原则该事件会一直传到<from>表单处,并将表单提交.这不是我们想要的效果,我们可以设置如下代码来加以屏蔽: $(document).keydown(function(event){ switch(event.keyCode){ case 13:return false; } }); 但是,如果页面中有按钮时在Opera浏览器中同样会提交表单,这是因为按钮在生成的HTML代码中是submit类型的,解决办法是

  • 使用js在页面中绘制表格核心代码

    使用js在页面中绘制表格核心代码

    1.先写一个<table>,中间放入<tbody>,但是<tbogy>什么也不加  如何使用js在页面中绘制表格 2.在js中写入方法,绘制表格  如何使用js在页面中绘制表格 其核心语句就是: var row=document.createElement_x("tr"); 就是创建行 var cell=document.createElement_x("td"); 就是创建列 cell.appendChild(document.

  • JS检测页面中哪个HTML标签触发点击事件的方法

    本文实例讲述了JS检测页面中哪个HTML标签触发点击事件的方法.分享给大家供大家参考,具体如下: 在html标签中,为了页面显示的美观,会在标签中相互嵌套,在做"效果"的时候就难免不了的添加各种事件,例如: <a href=""><span onclick="">dddd</span></a> 当用户点击的时候,想确定是链接产生的事件还是span标签onclick标签产生的事件,这个有时候是很有必要

  • js父页面中使用子页面的方法

    iframe是非常常用的一个html元素,如果在父页面中使用子页面的方法应该怎么写呢,下面就做一下简单的介绍. 一.父页面代码 <html> <head> <meta charset=" gb2312"> <title>父页面</title> <script type="text/javascript"> function parentFunction() { alert('function i

随机推荐