自拍亚洲一区欧美另类,亚洲成人影院,亚洲午夜久久久久妓女影院,最近中文字幕高清中文字幕无,亚洲熟妇av一区二区三区漫画

網絡建站知識

精準傳達 ? 價值共享

洞悉互聯(lián)網前沿資訊,探尋網站營銷規(guī)律

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

作者:小靈 | 2019-10-05 17:02 |點擊:

今天一個狐靈一個客戶網站上線后想改網站 想點擊圖片 讓圖片新窗口打開 因為客戶的圖片非常大 所以才有這個想法

如果我們把圖片增加超鏈接新窗口打開 這個比較費時 

因此就想能不能利用js 讓文章里的圖片 點一下可以新窗口打開  

網上找了下 找到如下代碼 分享給大家  放到網站模板底部即可 


本文實例講述了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>



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

 

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

請直接添加技術總監(jiān)微信聯(lián)系咨詢

網站設計 品牌營銷

多一份參考,總有益處

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

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

業(yè)務熱線:15082661954 / 大客戶專線:15523356218