大中小

HTML4.0中的新屬性：rel_Web標準教程

編輯Tag賺U幣

教程Tag：暫無Tag,歡迎添加,賺取U幣!

HTML4.0增加了一個新屬性：rel，這個屬性用來說明鏈接和包含此鏈接頁面的關系，以及鏈接打開的目標。

rel有許多的屬性值，比如next、previous,、chapter、section等等。我們要使用的就是rel="externa l"屬性。原來這樣寫的代碼：

<a href="document.html" target="_blank"> 打開一個新窗口</a>

現(xiàn)在要寫成這樣：<a href="document.html" rel="external">打開一個新窗口</a>

這是符合strict標準的方法。當然還必須配合一個javascript才有效。

javascript完整的代碼JS如下：

以下為引用的內(nèi)容：
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)，然后通過外部聯(lián)接方法調(diào)用：<script type="text/javascript" src="external.js"></script>

就是這樣。

原因：主要是“易用性、友好性”的問題，因為老外覺得不經(jīng)過用戶同意，沒有明確提示就打開一個新窗口是不禮貌的。