作者:小灵 | 2019-10-05 17:02 |点击:
今天一个狐灵一个客户网站上线后想改网站 想点击图片 让图片新窗口打开 因为客户的图片非常大 所以才有这个想法
如果我们把图片增加超链接新窗口打开 这个比较费时
因此就想能不能利用js 让文章里的图片 点一下可以新窗口打开
网上找了下 找到如下代码 分享给大家 放到网站模板底部即可
本文实例讲述了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法。分享给大家供大家参考,具体如下:
这里演示js如何给页面中所有的img对象加上onclick事件,且实现在新窗体中查看该图片文件的功能:
<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>
另外分享一种 单独让图片新窗口打开的代码