洞悉互聯(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>
另外分享一種 單獨讓圖片新窗口打開的代碼