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 相关文章推荐
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
Jan 09 Javascript
javascript 进度条 实现代码
Jul 30 Javascript
js 字符串转换成数字的三种方法
Mar 23 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 Javascript
基于jquery实现省市联动特效
Dec 17 Javascript
JavaScript遍历求解数独问题的主要思路小结
Jun 12 Javascript
vue项目优化之通过keep-alive数据缓存的方法
Dec 11 Javascript
总结javascript三元运算符知识点
Sep 28 Javascript
理理Vue细节(推荐)
Apr 16 Javascript
JavaScript实现背景自动切换小案例
Sep 27 Javascript
electron-vue开发环境内存泄漏问题汇总
Oct 10 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中strpos、strstr和stripos、stristr函数分析
2016/06/11 PHP
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
js+HTML5实现视频截图的方法
2015/06/16 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
2015/12/14 Javascript
JS实现DIV容器赋值的方法
2015/12/14 Javascript
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
vue,angular,avalon这三种MVVM框架优缺点
2016/04/27 Javascript
JS生成和下载二维码的代码
2016/12/07 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
2017/04/26 Javascript
利用jquery如何从json中读取数据追加到html中
2017/12/01 jQuery
vue 集成 vis-network 实现网络拓扑图的方法
2019/08/07 Javascript
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
手写Vue源码之数据劫持示例详解
2021/01/04 Vue.js
python操作xml文件详细介绍
2014/06/09 Python
Python实现比较两个文件夹中代码变化的方法
2015/07/10 Python
利用Python进行异常值分析实例代码
2017/12/07 Python
python实现n个数中选出m个数的方法
2018/11/13 Python
python 使用正则表达式按照多个空格分割字符的实例
2018/12/20 Python
Django之模型层多表操作的实现
2019/01/08 Python
对Django外键关系的描述
2019/07/26 Python
Python使用ffmpy将amr格式的音频转化为mp3格式的例子
2019/08/08 Python
Python 下载及安装详细步骤
2019/11/04 Python
python实现飞机大战小游戏
2019/11/08 Python
带你彻底搞懂python操作mysql数据库(cursor游标讲解)
2020/01/06 Python
Python如何在DataFrame增加数值
2020/02/14 Python
Python sklearn库实现PCA教程(以鸢尾花分类为例)
2020/02/24 Python
python脚本实现mp4中的音频提取并保存在原目录
2020/02/27 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
Numpy(Pandas)删除全为零的列的方法
2020/09/11 Python
秋季红领巾广播稿
2014/01/27 职场文书
碧霞祠导游词
2015/02/09 职场文书
导游词之镇江西津古渡
2019/11/06 职场文书
关于React Native 无法链接模拟器的问题
2021/06/21 Javascript
MySQL系列之六 用户与授权
2021/07/02 MySQL
MySQL系列之八 MySQL服务器变量
2021/07/02 MySQL
讲解MySQL增删改操作
2022/05/06 MySQL