使用严格的doctype将HTML锚定到新窗口

Question

我们使用标签的“target”属性来指定链接的目标位置。

但是“target”属性不能用于严格的doctype（我在http://w3schools.com/tags/tag_a.asp引用了这个）。那么，如果我们使用严格的doctype，那么解决方案是什么？

Answer 1

简而言之，就是JavaScript。

严格的doctype被认为是“严格的文档内容”，而不是目标属性定义的行为。它假定用户将决定并完全控制如何在浏览器中打开链接。

解决方案是使用JavaScript来定义链接的打开方式。您可以使用类或其他属性来创建JS库以强制它们在新窗口中打开：

<a href="test.php" rel="external">my link</a>

所以你的脚本可能如下所示：

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;

这在jQuery中更容易：

$(function(){
  $('a[rel=external]').attr('target', '_blank');
});

Answer 2

如果你不能依赖默认的锚行为，window.open（）是打开新标签的编程方式。但是，这将被许多弹出窗口拦截器拦截。考虑文档内叠加。 http://www.javascript-coder.com/window-popup/unblockable-popup.phtml

Answer 3

使用允许target的过渡文档类型，或者如果要打开新窗口，请使用JavaScript。