Vixual / 122 posts / tags / 62 comments / feed / comments feed /
Search:

讓網頁的「外部超連結」自動開啟在新視窗

View comments / Print This Post

在編輯網頁時，如果要讓某個超連結(Link)開啟在新的瀏覽器視窗，我們可以在超連結加上 href=”_blank” 屬性，但如果超連結很多，要一個一個加上去畢竟麻煩，尤其是像 Blogger 這樣的線上編輯介面，以下的程式碼可以幫你把網頁內所有針對 “外部” 的超連結自動設為在新視窗開啟。

安裝步驟

  1. 將下列程式碼加到網頁的 <head> 區段: 
    <script>
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>
  2. 在 <body> 標籤內的 onload 事件加入: 
    parseLink();
收藏至網路書籤: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • del.icio.us
  • Google
  • Live
  • YahooMyWeb
  • MyShare
  • Hemidemi
  • Funp

您可能會對以下這些文章感興趣

您對這篇文章的評價:
1 Star2 Stars3 Stars4 Stars5 Stars (有 1 人給予評價)
Loading ... Loading ...

« lightbox 測試 — blogger 資料整理 »

3 則留言

  1. fukid 說:
    2008-01-05 2:03

    用BASE就可以啦

    http://www.w3schools.com/tags/tag_base.asp

  2. CityPig 說:
    2008-01-06 10:24

    Base Tag 是讓 “所有的” 超連結都開啟在新視窗，上面的程式是讓 “本站以外” 的超連結自動開啟在新視窗，站內的超連結還是開啟在原視窗。

  3. 如何讓網頁裡的連結自動在新視窗開啟 | 冷光 說:
    2009-04-22 6:03

    [...] 如何讓網頁裡的連結自動在新視窗開啟 分類：實用技巧, 網路應用 發表於 2008.09.09 http://www.vixual.net/blog/archives/202 [...]

    Browser: WordPress WordPress 2.7.1

發表您的評論

(您的留言會在審核後才能公開)