作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 01:39:31 阅读 我要评论

第一种:下面的代码是针对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="http://www.jb51.net/" rel="external">jb51.net</a> */

  推荐阅读

  javascript 设计模式之单体模式 面向对象学习基础

单体模式(singleton) 单体是在脚本加载时创建的,能将一系列有关联的变量和方法组织为一个逻辑单元,逻辑单元里面的内容通过单一的变量进行访问; 一个单体主要分为三部分 用于访问内部信息的入口变量(如:Sky)>>>详细阅读


本文标题:JQuery实现的在新窗口打开链接的方法小结

地址:http://www.17bianji.com/kaifa2/JS/26565.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)