現在一般網站打開新窗口采用的是target="_blank",這在過渡型DOCTYPE(xh tml1-transitional. dtd)下是允許的,但也不符合W3C的strict(xhtml1-strict.dtd)標準。
如果你去驗證,會發(fā)現有下面的錯誤提示:
"there is no attribute target for this element(in this HTML version)"
這是因為W3C認為如果不經過用戶同意,沒有明確提示就打開一個新窗口是不禮貌的。所以我們只好用下面的rel屬性來解決這個問題。rel是HTML4.0新增加的一個屬性,這個屬性用來說明鏈接和包含此鏈接頁面的關系,以及鏈接打開的目標。rel有許多的屬性值,比如next、previous,、chapter、section等等。
我們用rel屬性的external和一個js腳本來解決問題,代碼如下:
<a href=”http://www.kepu8.com“ rel="external"> 打開一個新窗口</a>
- 大量古細菌在海底被發(fā)現
- 英開發(fā)致命超級病菌-綠膿桿菌早期檢測技術
- 無需 DNA 細菌也變身
- 小袋鼠育兒袋內吃奶照片
- 大白鯊類似連環(huán)殺手-捕食方式揭秘
- 螞蟻長壽差異之謎:蟻后更長壽的秘訣在于多睡覺
- 張啟發(fā)院士:培育綠色超級稻可緩解農業(yè)生態(tài)問題
- 廣西反季節(jié)龍眼新品種掛果枝率達98%以上
- 日本專家從柚子皮中提取出能抑制過敏的物質
- 水稻精確定量栽培技術實現新突破
我們把js文件存儲為external.js,然后通過<script type="text/javascript" src="external.js"></script>調用
下面是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;