在編輯網頁時,如果要讓某個超連結 (Link) 開啟在新的瀏覽器視窗,我們可以在超連結加上「href="_blank"」屬性,但如果超連結很多,要一個一個加上去畢竟麻煩!!
以下的程式碼可以幫你把網頁內所有針對「外部」的超連結自動設為在新視窗開啟。
一般網頁
- 將下列程式碼加到網頁的 <head> 區段:
<script type="text/javascript"> function parseLink(){ var tagA = document.getElementsByTagName( "a" ); re = new RegExp( "^(http://" + document.domain + ")|(javascript:)", "i" ); for( var i=0; i < tagA.length; i++ ){ if( !tagA[i].href.match( re ) ){ tagA[i].target = "_blank"; } } } </script>
- 在 <body> 標籤內的 onload 事件加入:
parseLink();
Ex:
<body onload="parseLink();">
WordPress 外掛程式
如果你的網站是用 WordPress 架設,可直接在控製台搜尋並安裝「Open external links in a new window」這個外掛程式 (版本: 1.3.1 作者: Kristian Risager Larsen),這樣就不用添加任何程式碼了。
另外需注意,如果本外掛程式與其它像 LightBox、FancyBox...之類的圖片燈箱特效的程式一起使用,有可能會造成同時顯示燈箱特效,又同時將圖片開啟於新視窗!!