
洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營銷規(guī)律
作者:小靈 | 2019-10-05 17:02 |點擊:
今天一個狐靈一個客戶網(wǎng)站上線后想改網(wǎng)站 想點擊圖片 讓圖片新窗口打開 因為客戶的圖片非常大 所以才有這個想法
如果我們把圖片增加超鏈接新窗口打開 這個比較費時
因此就想能不能利用js 讓文章里的圖片 點一下可以新窗口打開
網(wǎng)上找了下 找到如下代碼 分享給大家 放到網(wǎng)站模板底部即可
本文實例講述了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>
另外分享一種 單獨讓圖片新窗口打開的代碼
