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 相关文章推荐
js获取本机的外网/广域网ip地址完整源码
Aug 12 Javascript
js清理Word格式示例代码
Feb 13 Javascript
jQuery EasyUI Dialog拖不下来如何解决
Sep 28 Javascript
javascript HTML5文件上传FileReader API
Mar 27 Javascript
Node.js返回JSONP详解
May 18 Javascript
jQuery插件实现图片轮播特效
Jun 16 Javascript
AngularJS中$apply方法和$watch方法用法总结
Dec 13 Javascript
纯js仿淘宝京东商品放大镜功能
Mar 02 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
Jul 27 Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 Javascript
jQuery三组基本动画与自定义动画操作实例总结
May 09 jQuery
el-table表头根据内容自适应完美解决表头错位和固定列错位
Jan 07 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
仿AS3实现PHP 事件机制实现代码
2011/01/27 PHP
PHP 字符串正则替换函数preg_replace使用说明
2011/07/15 PHP
PHP表单提交后引号前自动加反斜杠的原因及三种办法关闭php魔术引号
2015/09/30 PHP
PHP 5.6.11 访问SQL Server2008R2的几种情况详解
2016/08/08 PHP
修改Laravel5.3中的路由文件与路径
2016/08/10 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
一段实时更新的时间代码
2006/07/07 Javascript
用AJAX返回HTML片段中的JavaScript脚本
2010/01/04 Javascript
window.location.href中url中数据量太大时的解决方法
2013/12/23 Javascript
Linux下使用jq友好的打印JSON技巧分享
2014/11/18 Javascript
jquery+ajax请求且带返回值的代码
2015/08/12 Javascript
AngularGauge 属性解析详解
2016/09/06 Javascript
微信小程序全局变量改变监听的实现方法
2019/07/15 Javascript
解决vue项目,npm run build后,报路径错的问题
2020/08/13 Javascript
JS实现页面侧边栏效果探究
2021/01/08 Javascript
[56:56]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
[02:05:03]完美世界DOTA2联赛循环赛 LBZS VS Matador BO2 10.28
2020/10/28 DOTA
django rest framework之请求与响应(详解)
2017/11/06 Python
Python递归求出列表(包括列表中的子列表)的最大值实例
2020/02/27 Python
django orm模块中的 is_delete用法
2020/05/20 Python
python用tkinter实现一个gui的翻译工具
2020/10/26 Python
JSF面试题:Jsf中导航的标签是什么
2013/04/20 面试题
新闻记者实习自我鉴定
2013/09/19 职场文书
网游商务专员求职信
2013/10/15 职场文书
大专毕业生自我鉴定
2013/11/21 职场文书
公司保密承诺书
2014/03/27 职场文书
化工操作工岗位职责
2014/04/29 职场文书
旅游与酒店管理专业求职信
2014/07/21 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
2016大学生暑期三下乡心得体会
2016/01/23 职场文书
2016年政治理论学习心得体会
2016/01/25 职场文书
500字作文之关于爸爸
2019/11/14 职场文书
小程序wx.getUserProfile接口的具体使用
2021/06/02 Javascript
mysql 排序失效
2022/05/20 MySQL
Android Studio实现简易进制转换计算器
2022/05/20 Java/Android