如何从一个位置控制html中的所有链接标记？

Question

我正在为我的网站修改我的代码。我希望所有链接都在新窗口中打开。但是，而不是添加：

target="_blank"

对于所有链接，我想知道我是否能以某种方式控制来自一个位置的所有链接标记。

Answer 1

您可以尝试在html的头部添加基础标记

<base target="_blank">

http://jsbin.com/ezeyij/1/edit

注意：这也会影响表单的目标。

Answer 2

你真的应该给我们更多信息。你在使用一些CMS吗？这是一个从头开始写的网站吗？

您可以将页面上的所有链接设置为在新选项卡中打开并使用一些javascript。假设您的页面中包含jQuery，您可以这样做：

$(function() {
    $('a').prop('target', '_blank');
});

演示：http://jsfiddle.net/9p4P2/

或者，如果你不使用jQuery，你可以使用原生JavaScript：

var anchors = document.getElementsByTagName('a');
for (var i = 0; i < anchors.length; i++) {
    anchors[i].setAttribute('target', '_blank');
}

编辑：

如果您只希望链接到其他网站的链接在新窗口中打开，您可以这样做：

$(function() {
    $("a[href^='http://']").prop('target', '_blank');
});