无码精品宅男二区在线观看_无码香蕉久综合在线久草观看_久久亚洲三区亚洲热香蕉导航综合_亚洲伊人热一本香蕉天久麻豆熟女老司机乱伦

網絡建站知識

精準傳達 ? 價值共享

洞悉互聯網前沿資訊,探尋網站營銷規律

查看其它板塊

JS讓網頁文章里的所有圖片都可以新窗口打開

作者:小靈 | 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>



另外分享一種 單獨讓圖片新窗口打開的代碼

 

 
<img src=http://www.hbxtjd.com.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>
如沒特殊注明,文章均為狐靈科技原創,轉載請注明?? "JS讓網頁文章里的所有圖片都可以新窗口打開
多一份免費策劃方案,總有益處。

請直接添加技術總監微信聯系咨詢

網站設計 品牌營銷

多一份參考,總有益處

聯系狐靈科技,免費獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談,可以通過以下方式與我們聯系

業務熱線:15082661954 / 大客戶專線:15523356218