[jquery] 將網址總是以新分頁連結開啟

想像一個狀況,你寫了一堆的部落格文章,每篇文章內總是有許多的連結,但是連結都沒有用新分頁開啟。有一天,你突然想到要將這些連結,都以新的分頁開啟,這該怎麼辦呢?是要一篇一篇去修改,還是自己動手寫 javascript 呢?

如果你會javascript,那最好也不夠了!如果不會,那就要在前人種下的樹乘涼了!而jquery正是你的好夥伴!jquery是一套javascript的framework,我想jquery的教學在網路上有許多,可以使用google去找就找得到,這裡隻介紹一下我們要用到的基本知識。

首先,先舉一個例子來說。以本站而言,如果要以新的分頁開啟本站外全部的連結,那我可以將程式碼寫成如下:

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
   // <![CDATA[
   $(document).ready(function(event){
       $("a").click(function(event){
          $("a").not("[href*=inote.tw]").attr("target","_blank");
       });
   });
   // ]]>
</script>

 

Read More