JS實現(xiàn)頁面中所有img對象添加onclick事件及新窗口查看圖片的方法
更新時間：2016年12月27日 11:21:48 作者：stepday
這篇文章主要介紹了JS實現(xiàn)頁面中所有img對象添加onclick事件及新窗口查看圖片的方法,涉及JS頁面元素遍歷及屬性動態(tài)操作相關(guān)技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)頁面中所有img對象添加onclick事件及新窗口查看圖片的方法。分享給大家供大家參考，具體如下：
這里演示js如何給頁面中所有的img對象加上onclick事件，且實現(xiàn)在新窗體中查看該圖片文件的功能：
<script type="text/JavaScript" language="javascript">
<!--
///給頁面中所有img對象添加onclick事件
//author:aganar
///
function AddImgClickEvent()
{
var objs = document.getElementsByTagName("img");
for(var i=0;i<objs.length;i++)
{
objs[i].onclick=function()
{
window.open(this.src);
}
objs[i].style.cursor = "pointer";
}
}
AddImgClickEvent();
// -->
</script>
效果如下圖所示：
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript圖片操作技巧大全》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
下拉選擇框想必大家并不陌生，一邊情況下都是使用默認(rèn)的，為了打破傳統(tǒng)，下面與大家分享下使用js自定義下拉選擇框示例代碼,感興趣的朋友可以參考下2013-08-08
這篇文章主要介紹了JS簡單實現(xiàn)tab切換效果的多窗口顯示功能,可實現(xiàn)響應(yīng)鼠標(biāo)事件的文字切換顯示效果,涉及javascript頁面元素遍歷與樣式變換相關(guān)操作技巧,需要的朋友可以參考下2016-09-09
詳解JavaScript的內(nèi)存空間、賦值和深淺拷貝
這篇文章主要介紹了JavaScript的內(nèi)存空間、賦值和深淺拷貝，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
JS中利用swiper實現(xiàn)3d翻轉(zhuǎn)幻燈片實例代碼
大家都知道Swiper(Swiper master)是目前應(yīng)用較廣泛的移動端網(wǎng)頁觸摸內(nèi)容滑動js插件。下面這篇文章主要給大家介紹了在JS中利用swiper實現(xiàn)3d翻轉(zhuǎn)幻燈片的相關(guān)資料，文中給出了完整的示例代碼供大家參考學(xué)習(xí)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-08-08
這篇文章主要介紹了JS繼承實現(xiàn)方法及優(yōu)缺點詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
這篇文章主要介紹了原生JavaScript實現(xiàn)瀑布流布局的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12
計算機(jī)系統(tǒng)并不是通過文件的后綴名來判斷文件類型,而是通過文件簽名來判斷,下面這篇文章主要給大家介紹了關(guān)于JavaScript判斷文件類型三種方法的相關(guān)資料,需要的朋友可以參考下2024-04-04
JS中innerHTML和pasteHTML的區(qū)別實例分析
這篇文章主要介紹了JS中innerHTML和pasteHTML的區(qū)別,結(jié)合實例形式較為詳細(xì)的分析了innerHTML和pasteHTML的具體功能與使用區(qū)別,需要的朋友可以參考下2016-06-06
JavaScript 事件流、事件處理程序及事件對象總結(jié)
JS與HTML之間的交互通過事件實現(xiàn),事件就是文檔或瀏覽器窗口中發(fā)生的一些特定的交互瞬間,可以使用(或處理程序)來預(yù)定事件,以便事件發(fā)生時執(zhí)行相應(yīng)的代碼,本文將介紹JS事件相關(guān)的基礎(chǔ)知識,2017-04-04
本例子在在 ff 2.0/ ie6 / ie7 中測試通過。但在 opera 8.5 cn中沒有通過。希望大家測試。2008-12-12