源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JQuery实现的在新窗口打开链接的方法小结

  • 时间:2022-04-13 00:16 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JQuery实现的在新窗口打开链接的方法小结
[b]第一种:下面的代码是针对jb51这个样式下的a都是在新窗口打开[/b]
[u]复制代码[/u] 代码如下:
<script type="text/javascript"> jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); }); </script>
[b]第二种: [/b]
[u]复制代码[/u] 代码如下:
<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>
在新窗口中打开外部链接
[u]复制代码[/u] 代码如下:
$('a[href^="http://"]') .attr("target", "_blank");
[b]第三种:如果想更方便的控制[/b] XHTML 1.0 Strict 版本不支持 target="_blank" 属性,而使用 JQuery 能很好地解决这个问题,实现新窗口打开网页:
[u]复制代码[/u] 代码如下:
$('a[@rel$='external']').click(function(){ this.target = "_blank"; }); /* Usage: <a href="http://www.1sucai.cn/" rel="external">jb51.net</a> */
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部