一個(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();
我上面寫的那個(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 ，大陸這邊一般都稱呼為小書簽，臺(tái)灣那邊稱呼為書簽列小程式 or 書簽小程式。它是一段 JavaScript 腳本，一般網(wǎng)絡(luò)上的小書簽都是一個(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();
我上面寫的那個(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 ，大陸這邊一般都稱呼為小書簽，臺(tái)灣那邊稱呼為書簽列小程式 or 書簽小程式。它是一段 JavaScript 腳本，一般網(wǎng)絡(luò)上的小書簽都是一個(gè)鏈接，它的安裝非常簡(jiǎn)單，只需要把鏈接拖到你的收藏夾里。
相關(guān)文章
JavaScript使用Blob文件流下載txt、pdf、圖片等文件，自定義下載文件名
JavaScript使用Blob文件流下載txt、pdf、圖片等格式文件,同時(shí)自定義下載文件名,2023-08-08
在javascript前端開(kāi)發(fā)階段經(jīng)常會(huì)遇到this，閉包，原型鏈知識(shí)，那么大家對(duì)這三種的基本知識(shí)理解嗎？今天小編就帶領(lǐng)大家一起學(xué)習(xí)this，閉包，原型鏈的知識(shí)，感興趣的朋友一起看看吧2016-09-09
這篇文章主要介紹了js實(shí)現(xiàn)文字閃爍特效的方法，使用style對(duì)象來(lái)設(shè)置css屬性，結(jié)合定時(shí)器就可以實(shí)現(xiàn)該功能，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了微信小程序使用wxParse解析html的方法,結(jié)合實(shí)例形式詳細(xì)分析了wxParse的下載、導(dǎo)入及具體使用技巧,需要的朋友可以參考下2019-01-01
JavaScript設(shè)置彈出式獨(dú)立窗口頁(yè)面和window的方法舉例詳解
window.open是網(wǎng)頁(yè)中經(jīng)常遇到的彈出窗口代碼,不是網(wǎng)絡(luò)中比較反感的那類彈出代碼,下面這篇文章主要給大家介紹了關(guān)于JavaScript設(shè)置彈出式獨(dú)立窗口頁(yè)面和window的方法,需要的朋友可以參考下2024-01-01
微信小程序?qū)崿F(xiàn)action-sheet彈出底部菜單功能【附源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)action-sheet彈出底部菜單功能,結(jié)合實(shí)例形式分析了action-sheet組件彈出菜單的使用技巧,包括元素遍歷、事件響應(yīng)及屬性設(shè)置等操作方法,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
這篇文章主要為大家分享了Bootstrap安裝環(huán)境配置教程，安裝步驟非常簡(jiǎn)單，感興趣的小伙伴們可以參考一下2016-05-05
『JavaScript』限制Input只能輸入數(shù)字實(shí)現(xiàn)思路及代碼
一個(gè)文字方塊必須限制只能輸入數(shù)字（或是小數(shù)點(diǎn)）并且要支援 IE 和 Firefox，接下來(lái)為大家介紹下如何解決這個(gè)需求2013-04-04
這篇文章主要介紹了JS請(qǐng)求servlet功能,結(jié)合具體實(shí)例形式分析了javascript使用ajax請(qǐng)求servlet端響應(yīng)的主要功能代碼與相關(guān)操作技巧,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了微信小程序顯示下拉列表功能,涉及微信小程序navigator組件導(dǎo)航及頁(yè)面加載相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12