作者:小灵 | 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>
另外分享一种 单独让图片新窗口打开的代码