html - 如何从一个位置控制 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');
});