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