如何使用javascript仅将target =“ _ blank”添加到某些链接？

Question

是否可以使用javascript将target="_blank"添加到URL中包含以下内容的所有链接： profile.php?id=

Answer 1

以下应该工作：

var aElems = document.links;

for (var i=0,len = aElems.length; i<len; i++){
    if (aElems[i].href.indexOf('profile.php?id=') != -1){
        aElems[i].target = '_blank';
    }
}

JS小提琴演示 。

---

编辑以提高上述代码的性能，删除document.links并将其替换为document.getElementsByTagName('a') ：

var aElems = document.getElementsByTagName('a');

for (var i=0,len = aElems.length; i<len; i++){
    if (aElems[i].href.indexOf('profile.php?id=') != -1){
        aElems[i].target = '_blank';
    }
}

JS小提琴演示 。

---

不过，值得注意的是，使用Chris Fulstow的启用$('a[href*="profile.php?id="]') querySelectorAll() $('a[href*="profile.php?id="]')方法的速度略快（在Chromium 14 / Ubuntu 11.04中）： JS性能测试 。 因此，以下是最快的（在支持querySelectorAll()浏览器中）：

var aElems = document.querySelectorAll('a[href*="profile.php?id="]');

for (var i=0,len = aElems.length; i<len; i++){
    if (aElems[i].href.indexOf('profile.php?id=') != -1){
        aElems[i].target = '_blank';
    }
}

JS小提琴演示 。

至少在Chromium 14 / Ubuntu 11.04中，上述JS Perf比较支持“最快”的断言。 当然，请记住IE <8和Firefox 3不能很好地使用这种方法。

当然，以上内容应更正为：

var aElems = document.querySelectorAll('a[href*="profile.php?id="]');

for (var i=0,len = aElems.length; i<len; i++){
    aElems[i].target = '_blank';
}

JS小提琴演示 。

这是因为if条件已经由querySelectorAll()求值，这使得if完全多余。

修改后的JS Perf比较：http://jsperf.com/anchor-selector-test/3 。

Answer 2

另一个jQuery解决方案，只是为了好玩。

$("a[href*='profile.php?id=']").attr("target", "_blank");

Answer 3

使用JQuery或查看其源代码并将其逻辑移植到您自己的代码库中：

$(function(){
    $('a').each(function(){
        var $this = $(this);
        if ($this.attr('href').indexOf('profile.php?id=') !== -1) {
            $this.attr('target','_blank');
        }
    });
});

演示： http ： //jsfiddle.net/KJv7D/