欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

JS控制锚点打开新窗口

发布时间:2023/12/20 javascript 53 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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控制锚点打开新窗口的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。