網頁制作:target 屬性如何用 JS 來控制

HTMl4.0規范里拿掉了target屬性：但它添加了另外一個屬性：rel。這個屬性是用來指定包含鏈接的文檔和所鏈接文檔之間的關系的。規范里定義了其屬性值(如:next,previous,chapter,section)。在這些屬性里大多數是用來定義一個大文檔里各個小部分之間的關系的。事實上，規范里允許開發人員自由的使用非標準屬性值做特定的運用。

在這里，我們采用一個自定義值external用于rel屬性來標記一個鏈接，用來新開一個窗口。

不符合最新Web標準的鏈接代碼：

var anchors = document.getElementsByTagName("a")；

if (anchor.getAttribute("href") &&

anchor.getAttribute("rel") == "external") www.mscto.com

接下來，建立屬性值target并賦值"_target"

anchor.target = "_blank"，

完整的代碼：

function externalLinks() {

if (!document.getElementsByTagName) return;

var anchors = document.getElementsByTagName("a");

for (var i=0; i

var anchor = anchors;

if (anchor.getAttribute("href") &&

anchor.getAttribute("rel") == "external") www.mscto.com

anchor.target = "_blank";

}

}

window.onload = externalLinks;