JS控制锚点打开新窗口

在XHTML中不能含有TARGET，那么要使链接打开新窗口的话，

如果针对页面上所有锚点，JAVASCRIPT如下即可：

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;

如果需要给特定锚点添加改属性，可以使用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;

用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; }); });

转载于:https://www.cnblogs.com/haimingpro/archive/2013/02/21/2920517.html

JS控制锚点打开新窗口相关推荐

js 设置window.open打开新窗口的title
方法一:缺陷:打开的新链接非同源时,不生效 const newWindow = window.open(url)newWindow.onload = () => {newWindow.docum ...
js页面跳转和 js打开新窗口方法
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
js页面跳转和js打开新窗口
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
js跳转页面与打开新窗口的代码
js跳转页面与打开新窗口的方法超链接详细介绍在原来的窗体中直接跳转用在新窗体中打开页面用: 其他语法各项参数最基本的弹出窗口代码经过设置后的弹出窗口终极应用--弹出的窗口之Cookie ...
js打开新窗口的各种方法
window.top.location=url 可以在iframe中的页面在父窗口刷新打开 window.open方法可控制的样式丰富,比如我们可以控制窗口显示的大小,窗口显示的内容,以及位置等等.都 ...
JS 打开新窗口的方法
一.window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本语法:window.open(pageURL,name,pa ...
php html自动打开新页面大小,HTML_html 用超链接打开新窗口其可控制窗口属性，1、html超链接打开的窗口大小 - phpStudy...
html 用超链接打开新窗口其可控制窗口属性 1.html超链接打开的窗口大小复制代码代码如下: aaaaaaaaaaaaaaa 2.如果在php中,引号多,比较难弄清除,可通过以下方式: 复制代码 ...
打开新窗口的js代码
1,打开新窗口全屏 HTML代码 <SCRIPT> function ow(owurl){ var tmp=window.open("about:blank",&quo ...
JS打开新窗口的代码window.showModalDialog()
用JS代码打开新窗口 function openNewWindow(url,width,height,formname) { var feature="dialogWidth:&qu ...

JS控制锚点打开新窗口

JS控制锚点打开新窗口相关推荐

最新文章

热门文章