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