JQuery实现的在新窗口打开链接的方法小结
更新时间：2010年04月22日 12:18:24 作者：
jQuery 实现在新窗口中打开链接方法，收集了几个，大家可以根据需要选择使用。
第一种：下面的代码是针对jb51这个样式下的a都是在新窗口打开
<script type="text/javascript">
jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); });
</script>
第二种：
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
// open url in new a window
$(document).ready(function(){
$("a").attr("target", "_blank");
});
</script>
在新窗口中打开外部链接
$('a[href^="http://"]')
.attr("target", "_blank");
第三种：如果想更方便的控制
XHTML 1.0 Strict 版本不支持 target="_blank" 属性，而使用 JQuery 能很好地解决这个问题，实现新窗口打开网页：
$('a[@rel$='external']').click(function(){
this.target = "_blank";
});
/*
Usage:
<a href="https://www.jb51.net/" rel="external">jb51.net</a>
*/
复制代码 代码如下:
<script type="text/javascript">
jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); });
</script>
第二种：
复制代码 代码如下:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
// open url in new a window
$(document).ready(function(){
$("a").attr("target", "_blank");
});
</script>
在新窗口中打开外部链接
复制代码 代码如下:
$('a[href^="http://"]')
.attr("target", "_blank");
第三种：如果想更方便的控制
XHTML 1.0 Strict 版本不支持 target="_blank" 属性，而使用 JQuery 能很好地解决这个问题，实现新窗口打开网页：
复制代码 代码如下:
$('a[@rel$='external']').click(function(){
this.target = "_blank";
});
/*
Usage:
<a href="https://www.jb51.net/" rel="external">jb51.net</a>
*/
相关文章
基于Bootstrap和jQuery构建前端分页工具实例代码
本文给大家介绍基于Bootstrap和jQuery构建前端分页工具实例代码，包括前端分页的优缺点和解决办法，对jquery bootstrap分页知识感兴趣的朋友一起通过本文学习吧2016-11-11
本文给大家讲述的是个人再做用户注册的时候遇到的ajax执行优先级的问题，以及在网友们的帮助下，解决此问题的全过程，这里记录下来，分享给大家。2015-06-06
为了试着用jQuery找出一个table中没有colspan属性的td，试了很多种方法，这个是最好的，记在这里，下次不要再忘了2010-07-07
这篇文章主要介绍了jQuery使用height()获取高度需要注意的地方,对于display:none或者隐藏的部分无法获取到其高度,这是使用jQuery的height方法需要注意的地方,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了jquery定时查询待处理任务数量插件示例2014-05-05
如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value。接下来本文通过代码讲解，需要的朋友参考下2019-11-11
这篇文章主要是对使用jquery获取css中选择器的方法进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了jQuery超简单遮罩层实现方法,结合实例形式详细分析了jQuery遮罩层相关属性样式动态控制操作技巧,需要的朋友可以参考下2018-09-09
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
最近做了一个项目，其中有需求要求实现发送短信验证码后倒计时功能，其中有个难点：要求关闭页面也进行倒计时。好吧，下面小编把jquery 发送验证码倒计时的实现代码分享给大家，大家可以参考下2016-09-09
之所以将它命名为稳定版，是因为之前已经分享了一个初级版本的，之前的初级版中存在很多bug。现在经过反复琢磨、实验，修复了之前版本存在的很多不足之处，就算鼠标快速的滑动依然表现的很稳定2012-10-10
最新评论