不錯的用外部Javascript修正特定網頁內容

2019-11-21 01:56:43

字體：大中小

來源：轉載

供稿：網友

這段代碼算是自己練手幫助別人解決的一個問題寫的。
要求是這樣的：

<a href="window.open('','')">test</a>，這個不能變，只可以在外面做事情，那要如何呢？

要求點擊上面的連接，打開一新頁面，并在原頁面進行其他操作。

分析可知：上面打開新頁面的寫法本身就是錯誤的，根本無法打開新頁面。正確的寫法應該是：

<a href="javascript:void(0)" onclick="window.open('','')">test</a>

于是解決辦法就是用外部js修改連接的內容。首先要判斷那個鏈接內部的href屬性包含“window.open”，然后為其增加onclick屬性，并將href內容賦給它。然后修改href屬性內容。
但解決過程中發現一個問題，讀取href屬性內容時不能得到其實際內容，而是網頁的url路徑（去除最后的頁面文件名）＋href內容，還要把前面的url路徑去掉。這個可以用substring()結合indexOf()解決。
至于在原頁面些內容就簡單多了。
根據分析寫了如下測試代碼，實現了上面的要求：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns ="http://www.w3.org/1999/xhtml" xml:lang ="en" lang ="en">  <head>    <title></title>    <script type ="text/javascript">     function addEvent(elm,evType,fn,useCapture){       if(elm.addEventListener){       elm.addEventListener(evType,fn,useCapture);        return true;      }else if(elm.attachEvent){        var r=elm.attachEvent("on"+evType,fn);        return r;      }else{       alert("Handler could not be removed");      }   }    function doOther(){       if(event.srcElement.tagName=="A"&& event.srcElement.getAttribute("href").indexOf("window.open")!=-1){       event.srcElement.setAttribute("onclick",eval(event.srcElement.href.substring(event.srcElement.href.lastIndexOf("/")+1,event.srcElement.href.length)));       event.srcElement.setAttribute("href","javascript:void(0)");       document.getElementById("test").innerHTML="<font color=#ff0000><b>是不是這樣子？</b></font>"      }   }   addEvent(document,"click",doOther);   </script>  </head>  <body>  <a href="window.open('','')"> test </a> ，這個不能變，只可以在外面做事情，那要如何呢？ <div   class="iwvjtn8m0"   id="test"></div>  </body>  </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：非常酷的js圖形漸隱導航菜單欄

下一篇：javascript一個判斷瀏覽器類型的函數（類）