网页制作: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;