通常情況下,我們要打開一個外部鏈接(新開窗口),往往使用如下代碼:
<a href="" target="_blank"></a>
然而把它放在 W3C XHTML 1.0 Strict 標準下卻發現無法通過驗證。
原來,在嚴格的 W3C DTD 下,<a /> 標簽的 target 屬性是不被官方所推薦的,使用 Strict 模式將視 target 屬性無效,我們只有利用 JavaScript 來變通實現。
真不知道 W3C 專家們是怎么想的,或許“易用性、友好性”成為他們主張的關鍵,因為老外覺得不經過用戶同意,沒有明確提示就打開一個新窗口是不禮貌的。
我們姑且不管這樣的概念是否真正合理,先看看解決辦法:
rel 屬性:規定當前文檔與目標 URL 之間的關系,即用來說明鏈接和包含此鏈接頁面的關系,以及鏈接打開的目標。
我們將使用 rel="external" 作為 <a /> 標簽的特性,那么可以得到如下代碼:
<a href="" rel="external"></a>
這是符合 W3C XHTML 1.0 Strict 標準的方法,當然還需要以個 JavaScript 方法作配合:
function external(){
var anchors=document.getElementsByTagName("a");
for(var i=0;i<anchors.length;i++){
if(anchors[i].getAttribute("rel")=="external"){anchors[i].target="_blank";}
}
}
在頁面下載完成時自動加載:
window.onload=function(){
external();
};
可以把以上兩段 JavaScript 代碼存儲在 external.js 文件里,然后通過外部鏈接方法調用:
<script type="text/javascript" src="external.js"></script>