js点击锚点打开新窗口,js锚链接操作示例

发布时间:2020-07-07编辑:脚本学堂
有关js控制点击锚点以打开新窗口的一段代码,在XHTML中不能含有TARGET,需要使用链接打开新窗口,jquery中使用attr添加属性,需要的朋友参考下。

在xhtml中不能含有target,因此,需要用链接打开新窗口。

1、针对页面上所有锚点(锚链接):
 

复制代码 代码示例:
function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
anchor.target = "_blank";
}
}
window.onload = externalLinks;

2、为特定锚点添加该属性,可以使用rel="",给需要打开新窗口的链接添加rel="随便写一个就写external吧"
 

复制代码 代码示例:
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;

3、jquery中使用attr添加属性:
 

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

或onclick事件:
 

$(document).ready(function() { $('a[rel="external"]').click( function() { window.open( $(this).attr('href') ); return false; }); });