HTML4.0增加了一個新屬性:rel,這個屬性用來說明連結和包含此連結頁面的關係,以及連結開啟的目標。
rel有許多的屬性值,像是next、previous,、chapter、section等等。我們要使用的是rel="externa l"屬性。原來這樣寫的程式碼:
<a href="document.html" target="_blank"> 開啟一個新視窗</a>
現在要寫成這樣:<a href="document.html" rel="external">開啟一個新視窗</a>
這是符合strict標準的方法。當然也必須配合一個javascript才有效。
javascript完整的程式碼JS如下:
以下為引用的內容: function externallinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++) { var anchor = anchors[i]; if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") anchor.target = "_blank"; } } window.onload = externallinks; |
你可以把它存成一個.js檔(例如external.js),然後透過外部聯結方法呼叫:<script type="text/javascript" src="external.js"></script>
就是這樣。
原因:主要是「易用性、友善性」的問題,因為老外覺得不經過用戶同意,沒有明確提示就打開一個新視窗是不禮貌的。