链接?target 属性怎么?JS 来控制?
在HTML 4.0 Strict?a href="javascript:if(confirm('http://www.jian-zhi.net.cn/page/article/search.asp?query=XHTML \n\nThis file was not retrieved by Teleport Pro, because it was unavailable, or its retrieval was aborted, or the project was stopped too soon. \n\nDo you want to open it from the server?'))window.location='http://www.jian-zhi.net.cn/page/article/search.asp?query=XHTML'" tppabs="http://www.jian-zhi.net.cn/page/article/search.asp?query=XHTML" target="_blank" title="XHTML">XHTML 1.0 STRICT里不允许?lt;a>标签里使用target属性,这是一件令网页设计者懊恼的事。在过渡的规范里还是允许使用的,但通过一定的方法,我们可以解决这一问题?br />
HTMl4.0规范里拿掉了target属性,但它添加了另外一个属?rel。这个属性是用来指定包含链接的文档和所链接文档之间的关系的。规范里定义了其属性??next,previous,chapter,section),在这些属性里大多数是用来定义一个大文档里各个小部分之间的关系的。事实上,规范里允许开发人员自由的使用非标准属性值做特定的运用?/font>
在这?我们采用一个自定义值external用于rel属性来标记一个链接,用来新开一个窗口?/font>
不符合最新Web标准的链接代?
<a href="document.html" target="_blank">external link</a>
运用rel属?
<a href="document.html" rel="external">external link</a>
现在我们构建了一个符合Web标准的新开窗口的链接,我们还需要运用JavaScript是其实现新开窗口。脚本要实现的工作是当网页加载时,找到文档里的所有那些我们定义为rel="external"的超链接?/font>
首先我们要判断浏览器.
if (!document.getElementsByTagName) return;
getElementsByTagName是DOM1标准里一个容易使用的方法,且它被现在的大多数浏览器所支持,因为一些旧的浏览器如Netscape 4和IE4不支持DOM1,所以我们必须通过判定这一方法是否存在来排除这些旧版本的浏览器?/font>
下一步,我们通过getElementsByTagName方法取得文档里所有的<a>标签?br /> var anchors = document.getElementsByTagName("a");
anchors被赋值为包含各个<a>标签的数?现在我们必须遍历各个<a>标签并且修改?
for (var i=0; i < anchors.length; i++) {
var anchor = anchors;
找到要实现新开窗口?lt;a>标签
接下?建立属性值target并赋?quot;_target":
anchor.target = "_blank";
完整的代?
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors;
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externalLinks;
anchor.getAttribute("rel") == "external")