Javascript控制页面链接在新窗口打开具体方法
更新时间：2013年08月16日 15:12:58 作者：
今天看一个朋友说不在A标题中加打开窗口形式要怎么让页面中所有页面在新页面打开，后来我找了几种比较实用办法，个人最喜欢的是最后一种方法哦
第一个方法就是用jquery实现，原理是这样的先找到站点中的外部链接，然后再给链接加上target=_blank”属性就搞定了，代码如下：
jquery在新窗口打开
$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])")
.addClass("external")
.attr("target","_blank");
js在新窗口打开
var aTag = document.getElementsByTagName('a');
for(i in aTag){
aTag[i].target='_blank';
}
html方法
在页面最新面加上
代码如下复制代码 <base target='_blank' />
就可以全部页面在新窗口打开
jquery在新窗口打开
复制代码 代码如下:
$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])")
.addClass("external")
.attr("target","_blank");
js在新窗口打开
复制代码 代码如下:
var aTag = document.getElementsByTagName('a');
for(i in aTag){
aTag[i].target='_blank';
}
html方法
在页面最新面加上
代码如下复制代码 <base target='_blank' />
就可以全部页面在新窗口打开
相关文章
这篇文章主要介绍了JS实现点击Radio动态更新table数据的相关资料,需要的朋友可以参考下2017-07-07
这篇文章主要介绍了javascript性能优化之事件委托用法,结合实例形式对比分析了JavaScript中事件委托的具体用法与优点,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了使用JavaScript链式编程实现模拟Jquery函数的方法及源码分享，非常的不错，推荐给大家。2014-12-12
javascript基于prototype实现类似OOP继承的方法
这篇文章主要介绍了javascript基于prototype实现类似OOP继承的方法,实例分析了JavaScript使用prototype实现面向对象程序设计的中类继承的相关技巧,需要的朋友可以参考下2015-12-12
解决layui数据表格Date日期格式的回显Object的问题
今天小编就为大家分享一篇解决layui数据表格Date日期格式的回显Object的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了js 如何获取input点选按钮的值,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了JavaScript函数扩展与箭头函数的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2022-11-11
一个简单但常用的javascript表格样式_鼠标划过行变色 简洁实现
经常性的会需要使用表格显示一些东西，当表格比较大的时候一眼望去脑袋可能会有些晕，经常性的因为没看准行而出现误操作，一般解决办法是交替行变行或者鼠标划过行变色2008-09-09
这篇文章主要介绍了原生js页面滚动延迟加载图片的相关资料,现在瀑布流效果大行其道，各种网站都有应用，尤其是专业的图片类型的网站，感兴趣的朋友可以参考下2015-12-12
总结一些js自定义的函数...2006-08-08
最新评论