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


Posted in Javascript onApril 22, 2010

第一种:下面的代码是针对3water这个样式下的a都是在新窗口打开

<script type="text/javascript"> 
jQuery(document).ready(function($) { $('.3water 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://3water.com/" rel="external">3water.com</a> 
*/
Javascript 相关文章推荐
jQuery 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
JS 无限级 Select效果实现代码(json格式)
Aug 30 Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
Dec 27 Javascript
JavaScript中常见的字符串操作函数及用法汇总
May 04 Javascript
jQuery实现定位滚动条位置
Aug 05 Javascript
Javascript中return的使用与闭包详解
Jan 11 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
Mar 10 Javascript
JS实现的RC4加密算法示例
Aug 16 Javascript
了解JavaScript中let语句
May 30 Javascript
微信小程序引入Vant组件库过程解析
Aug 06 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 Javascript
vue实现无缝轮播效果(跑马灯)
May 14 Vue.js
JQuery 技巧和窍门整理(8个)
Apr 22 #Javascript
超级酷和最实用的jQuery实例收集(20个)
Apr 21 #Javascript
基于jquery的超简单上下翻
Apr 20 #Javascript
基于jquery1.4.2的仿flash超炫焦点图播放效果
Apr 20 #Javascript
jquery 图片 上一张 下一张 链接效果(续篇)
Apr 20 #Javascript
制作高质量的JQuery Plugin 插件的方法
Apr 20 #Javascript
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
Apr 20 #Javascript
You might like
PHP中对数据库操作的封装
2006/10/09 PHP
javascript判断非数字的简单例子
2013/07/18 Javascript
JS 对输入框进行限制(常用的都有)
2013/07/30 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/06/05 Javascript
js实现同一个页面多个渐变效果的方法
2015/04/10 Javascript
分享10个原生JavaScript技巧
2015/04/20 Javascript
Javascript使用post方法提交数据实例
2015/08/03 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
2016/03/16 Javascript
jQuery如何获取动态添加的元素
2016/06/24 Javascript
JavaScript-html标题滚动效果的简单实现
2016/09/08 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
2016/11/28 Javascript
javascript设计模式之中介者模式学习笔记
2017/02/15 Javascript
微信小程序 检查接口状态实例详解
2017/06/23 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
python实现dnspod自动更新dns解析的方法
2014/02/14 Python
Python中的类学习笔记
2014/09/23 Python
跟老齐学Python之dict()的操作方法
2014/09/24 Python
Python写的英文字符大小写转换代码示例
2015/03/06 Python
Python中字符串的常见操作技巧总结
2016/07/28 Python
python批量实现Word文件转换为PDF文件
2018/03/15 Python
python3 实现调用串口功能
2019/12/26 Python
CSS3的calc()做响应模式布局的实现方法
2017/09/06 HTML / CSS
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
前台接待岗位职责
2013/12/03 职场文书
营销总经理的岗位职责
2013/12/15 职场文书
室内设计专业毕业生求职信
2014/05/02 职场文书
爱我中华演讲稿
2014/05/20 职场文书
群众路线教育实践活动实施方案
2014/10/31 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
微信告警的zabbix监控系统 监控整个NGINX集群
2022/04/18 Servers
i5-10400f处理相当于i7多少水平
2022/04/19 数码科技