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