精品国产免费观看久久久_久久天天躁狠狠躁夜夜爽_无码人妻少妇久久中文字幕_狠狠做深爱婷婷久久综合一区

網(wǎng)絡(luò)建站知識

精準傳達 ? 價值共享

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

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

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

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

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

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

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


本文實例講述了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.www.kxlw.net/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),轉(zhuǎn)載請注明?? "JS讓網(wǎng)頁文章里的所有圖片都可以新窗口打開
多一份免費策劃方案,總有益處。

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

網(wǎng)站設(shè)計 品牌營銷

多一份參考,總有益處

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

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

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