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 相关文章推荐
网页的标准,IMG不支持onload标签怎么办
Jun 29 Javascript
jquery设置控件位置的方法
Aug 21 Javascript
JavaScript 获取任一float型小数点后两位的小数
Jun 30 Javascript
js兼容火狐获取图片宽和高的方法
May 21 Javascript
在JavaScript中使用开平方根的sqrt()方法
Jun 15 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
Dec 26 Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
Feb 20 Javascript
12个提高JavaScript技能的概念(小结)
May 09 Javascript
微信小程序的mpvue框架快速上手指南
May 15 Javascript
JS前端广告拦截实现原理解析
Feb 17 Javascript
jQuery实现影院选座订座效果
Apr 13 jQuery
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正则匹配汉字的方法介绍
2013/04/25 PHP
php导出word文档与excel电子表格的简单示例代码
2014/03/08 PHP
PHP SESSION机制的理解与实例
2019/03/22 PHP
共享自己写一个框架DreamScript
2007/01/20 Javascript
你真的了解JavaScript吗?
2007/02/24 Javascript
jquery select下拉框操作的一些说明
2010/04/02 Javascript
brook javascript框架介绍
2011/10/10 Javascript
JavaScript的漂亮的代码片段
2013/06/05 Javascript
js面向对象之公有、私有、静态属性和方法详解
2015/04/17 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
2017/03/02 Javascript
AngularJS中重新加载当前路由页面的方法
2018/03/09 Javascript
webuploader实现上传图片到服务器功能
2018/08/16 Javascript
详解node.js 事件循环
2020/07/22 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
2020/10/09 jQuery
从零学Python之入门(三)序列
2014/05/25 Python
Python使用scrapy抓取网站sitemap信息的方法
2015/04/08 Python
Pycharm学习教程(2) 代码风格
2017/05/02 Python
python的dataframe转换为多维矩阵的方法
2018/04/11 Python
Python登录注册验证功能实现
2018/06/18 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
PyQt4编程之让状态栏显示信息的方法
2019/06/18 Python
python virtualenv虚拟环境配置与使用教程详解
2020/07/13 Python
Keras保存模型并载入模型继续训练的实现
2021/02/20 Python
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
为什么在使用动态 SQL 语句时必须为低层数据库对象授予权限
2012/12/13 面试题
什么是数据抽象
2016/11/26 面试题
servlet面试题
2012/08/20 面试题
土木工程毕业生推荐信
2013/10/28 职场文书
工程质量月活动方案
2014/02/19 职场文书
2015年采购部工作总结
2015/04/23 职场文书
教师节老师寄语
2015/05/28 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
React-vscode使用jsx语法的问题及解决方法
2021/06/21 Javascript
SpringBoot工程下使用OpenFeign的坑及解决
2021/07/02 Java/Android
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang