JavaScript实现链接在新窗口打开的三种方法

jQuery实现外部链接新窗口打开

第一种方案是利用jQuery库来实现。其核心逻辑是定位页面中指向外部域名的链接，并为其添加target="_blank"属性。具体实现代码如下：

使用jQuery实现新窗口打开

$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])")
.addClass("external")
.attr("target","_blank");

原生JavaScript实现新窗口打开

第二种方案是使用原生JavaScript实现。

var aTag = document.getElementsByTagName('a');
for(i in aTag){
aTag[i].target='_blank';
}  

HTML base标签全局设置新窗口

第三种方案是基于HTML标签实现。

在页面的head部分添加以下代码：

<base target='_blank' />

这样即可使页面内所有链接默认在新窗口中打开。