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给input和textarea设定ie中的focus
May 29 Javascript
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
Nov 21 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
Oct 29 Javascript
Seajs的学习笔记
Mar 04 Javascript
jQuery操作select下拉框的text值和value值的方法
May 31 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
Apr 14 Javascript
浅谈JavaScript中的Math.atan()方法的使用
Jun 14 Javascript
javascript实现获取浏览器版本、浏览器类型
Dec 02 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
Nov 27 Javascript
JavaScript中变量提升机制示例详解
Dec 27 Javascript
js实现时间日期校验
May 26 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
在PHP里得到前天和昨天的日期的代码
2007/08/16 PHP
基于PHP静态类的原罪详解
2013/05/06 PHP
php对数组排序代码分享
2014/02/24 PHP
php时间函数用法分析
2016/05/28 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
PHP实现通过二维数组键值获取一维键名操作示例
2019/10/11 PHP
php面向对象基础详解【星际争霸游戏案例】
2020/01/23 PHP
node.js中的querystring.unescape方法使用说明
2014/12/10 Javascript
javascript中Date对象的getDay方法使用指南
2014/12/22 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
2014/12/28 Javascript
onclick和onblur冲突问题的快速解决方法
2016/04/28 Javascript
js监听input输入框值的实时变化实例
2017/01/26 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
2019/04/04 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
2019/06/10 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
2019/06/17 Javascript
[01:04:48]VGJ.S vs TNC Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
windows下ipython的安装与使用详解
2016/10/20 Python
Python探索之ModelForm代码详解
2017/10/26 Python
如何基于Python实现电子邮件的发送
2019/12/16 Python
Python表达式的优先级详解
2020/02/18 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
简单了解pytest测试框架setup和tearDown
2020/04/14 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
Python docutils文档编译过程方法解析
2020/06/23 Python
python实现代码审查自动回复消息
2021/02/01 Python
CSS3实现歌词进度文字颜色填充变化动态效果的思路详解
2020/06/02 HTML / CSS
C#面试问题
2016/07/29 面试题
学校司机岗位职责
2013/11/14 职场文书
实习自我评价怎么写
2013/12/02 职场文书
竞选班长的演讲稿
2014/04/24 职场文书
学校四风对照检查材料
2014/08/28 职场文书
2014年勤工助学工作总结
2014/11/24 职场文书
销售内勤岗位职责
2015/02/10 职场文书
员工辞职信怎么写
2015/02/27 职场文书
转正申请报告格式
2015/05/15 职场文书
一次MySQL启动导致的事故实战记录
2021/09/15 MySQL