网络建站知识

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

JS让网页文章里的所有图片都可以新窗口打开

作者:小灵 | 2019-10-05 17:03 |点击:

今天一个狐灵一个客户网站上线后想改网站 想点击图片 让图片新窗口打开 因为客户的图片非常大 所以才有这个想法

如果我们把图片增加超链接新窗口打开 这个比较费时 

因此就想能不能利用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>



另外分享一种 单独让图片新窗口打开的代码

 

 
<img src=http://www.hulingweb.cn/templets/hlwl/images/icon-logo.jpg onclick="lookimg(this.src)">
<script>
function lookimg(str)
{
var newwin=window.open()
newwin.document.write("<img src="+str+" />")
}
</script>
如没特殊注明,文章均为狐灵科技原创,转载请注明  https://www.hulingweb.cn/jzzs/663.html
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:023-68168040 / 大客户专线:15523356218