一個(gè)收集圖片的bookmarlet(js 刷新頁(yè)面中的圖片)
更新時(shí)間：2010年05月27日 12:44:57 作者：
這個(gè)代碼是用來(lái)在新的頁(yè)面內(nèi)顯示當(dāng)前頁(yè)面內(nèi)的所有圖片的。
首先看整體:
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();
我上面寫(xiě)的那個(gè)是用來(lái)在新的頁(yè)面內(nèi)顯示當(dāng)前頁(yè)面內(nèi)的所有圖片的,其更人性化的格式為：
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();
原理很簡(jiǎn)單，就是新建一個(gè)窗口，然后遍歷所有的images，再顯示。
學(xué)以致用而已，呵呵……
所謂:Bookmarklet
Bookmarklet ，大陸這邊一般都稱呼為小書(shū)簽，臺(tái)灣那邊稱呼為書(shū)簽列小程式 or 書(shū)簽小程式。它是一段 JavaScript 腳本，一般網(wǎng)絡(luò)上的小書(shū)簽都是一個(gè)鏈接，它的安裝非常簡(jiǎn)單，只需要把鏈接拖到你的收藏夾里。
復(fù)制代碼 代碼如下:
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();
我上面寫(xiě)的那個(gè)是用來(lái)在新的頁(yè)面內(nèi)顯示當(dāng)前頁(yè)面內(nèi)的所有圖片的,其更人性化的格式為：
復(fù)制代碼 代碼如下:
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();
原理很簡(jiǎn)單，就是新建一個(gè)窗口，然后遍歷所有的images，再顯示。
學(xué)以致用而已，呵呵……
所謂:Bookmarklet
Bookmarklet ，大陸這邊一般都稱呼為小書(shū)簽，臺(tái)灣那邊稱呼為書(shū)簽列小程式 or 書(shū)簽小程式。它是一段 JavaScript 腳本，一般網(wǎng)絡(luò)上的小書(shū)簽都是一個(gè)鏈接，它的安裝非常簡(jiǎn)單，只需要把鏈接拖到你的收藏夾里。
相關(guān)文章
javascript 中的console.log和彈出窗口alert
這篇文章主要介紹了javascript 中的console.log和彈出窗口alert 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友參考下吧2016-08-08
15個(gè)用于開(kāi)發(fā)的TypeScript高級(jí)技巧分享
這篇文章主要來(lái)和大家分享一下15個(gè)用于開(kāi)發(fā)的TypeScript高級(jí)技巧，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價(jià)值，感興趣的小伙伴可以了解一下2023-07-07
Bootstrap學(xué)習(xí)筆記之css樣式設(shè)計(jì)(1)
這篇文章主要為大家詳細(xì)介紹了bootstrap學(xué)習(xí)筆記之css樣式設(shè)計(jì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)水平和豎直滑動(dòng)條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
JavaScript出于安全方面的考慮，不允許跨域調(diào)用其他頁(yè)面的對(duì)象。但在安全限制的同時(shí)也給注入iframe或是ajax應(yīng)用上帶來(lái)了不少麻煩。這里把涉及到跨域的一些問(wèn)題簡(jiǎn)單地整理一下2015-04-04
JavaScript中時(shí)間日期函數(shù)new?Date()詳解(5種獲取時(shí)間戳的函數(shù))
這篇文章主要給大家介紹了關(guān)于JavaScript中時(shí)間日期函數(shù)new?Date()的相關(guān)資料,主要講的是JS中5種獲取時(shí)間戳的函數(shù),new Date()是JavaScript中用于獲取當(dāng)前日期和時(shí)間的內(nèi)置函數(shù),需要的朋友可以參考下2024-04-04
Javascript highcharts 餅圖顯示數(shù)量和百分比實(shí)例代碼
這篇文章主要介紹了Javascript highcharts 餅圖顯示數(shù)量和百分比實(shí)例代碼的相關(guān)資料,這里附有實(shí)例代碼，需要的朋友可以參考下2016-12-12
網(wǎng)頁(yè)中可關(guān)閉的漂浮窗口實(shí)現(xiàn)可自行調(diào)節(jié)
廣告式的漂浮窗口，想必大家并不陌生吧，下面為大家簡(jiǎn)單介紹下具體的實(shí)現(xiàn)，有需要的朋友可以參考下2013-08-08
解決火狐瀏覽器下JS setTimeout函數(shù)不兼容失效不執(zhí)行的方法
今天檢查自己用JQuery+AJAX+PHP做的網(wǎng)站后臺(tái)登錄檢測(cè)，愛(ài)其他瀏覽器中兼容性還不錯(cuò) 結(jié)果到了火狐（FireFox）瀏覽器下setTimeout這個(gè)JS內(nèi)置函數(shù)不執(zhí)行了，本文將提供詳細(xì)的解決方法2012-11-11
由于該游戲?qū)儆诙S游戲，所以布置好網(wǎng)格是寫(xiě)好該游戲的關(guān)鍵，無(wú)論是游戲窗口還是預(yù)覽窗口2010-12-12