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 相关文章推荐
用函数式编程技术编写优美的 JavaScript
Nov 25 Javascript
js获取url参数的使用扩展实例
Dec 29 Javascript
Extjs学习笔记之九 数据模型(上)
Jan 11 Javascript
jQuery之自动完成组件的深入解析
Jun 19 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
Dec 25 Javascript
ztree获取当前选中节点子节点id集合的方法
Feb 12 Javascript
Node.js中的process.nextTick使用实例
Jun 25 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 Javascript
Bootstrap实现水平排列的表单
Jul 04 Javascript
vue之数据交互实例代码
Jun 20 Javascript
node删除、复制文件或文件夹示例代码
Aug 13 Javascript
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
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
用PHP解决的一个栈的面试题
2014/07/02 PHP
详解PHP变量传值赋值和引用赋值变量销毁
2019/03/23 PHP
Javascript 同时提交多个Web表单的方法
2009/02/19 Javascript
Javascript实现计算个人所得税
2015/05/10 Javascript
浅析JavaScript中的事件机制
2015/06/04 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
js实现日历的简单算法
2017/01/24 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
javascript 开发之网页兼容各种浏览器
2017/09/28 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
解决VUEX兼容IE上的报错问题
2018/03/01 Javascript
vue 的keep-alive缓存功能的实现
2018/03/22 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
2018/10/23 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
2020/02/16 Javascript
javascript实现画板功能
2020/04/12 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
js+html+css实现手动轮播和自动轮播
2020/12/30 Javascript
[10:07]2014DOTA2国际邀请赛 实拍选手现场观战DK对阵Titan
2014/07/12 DOTA
Python线程threading模块用法详解
2020/02/26 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
python归并排序算法过程实例讲解
2020/11/04 Python
CSS3 Backgrounds属性相关介绍
2011/05/11 HTML / CSS
使用CSS3实现圆角,阴影,透明
2014/12/23 HTML / CSS
印度在线内衣和时尚目的地:Zivame
2017/09/28 全球购物
Java多态性的定义以及类型
2014/09/16 面试题
农业资源与环境专业自荐信范文
2013/12/30 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书
JavaScript 对象创建的3种方法
2021/11/17 Javascript
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS
vue实现简易音乐播放器
2022/08/14 Vue.js