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中extend的用法实例分析
Feb 08 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
基于jQuery实现的查看全文功能【实用】
Dec 11 Javascript
微信小程序实战之运维小项目
Jan 17 Javascript
AngularJS学习第一篇 AngularJS基础知识
Feb 13 Javascript
详解vue-cli中配置sass
Jun 21 Javascript
Vue官网todoMVC示例代码
Jan 29 Javascript
微信小程序实现图片上传放大预览删除代码
Jun 28 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
Apr 23 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
Feb 26 Vue.js
uniapp开发打包多端应用完整方法指南
Dec 24 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
德生PL550的电路分析
2021/03/02 无线电
php常用数学函数汇总
2014/11/21 PHP
服务器上配置PHP运行环境教程
2015/02/12 PHP
PHP实现简单的新闻发布系统实例
2015/07/28 PHP
ThinkPHP数据操作方法总结
2015/09/28 PHP
Yii2框架实现注册和登录教程
2016/09/30 PHP
PHP设计模式(六)桥连模式Bridge实例详解【结构型】
2020/05/02 PHP
JavaScript实现Sleep函数的代码
2007/03/04 Javascript
JavaScript window.document的属性、方法和事件小结
2012/10/24 Javascript
js将json格式内容转换成对象的方法
2013/11/01 Javascript
Javascript数组与字典用法分析
2014/12/13 Javascript
javascript动态修改Li节点值的方法
2015/01/20 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
2016/06/01 Javascript
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
2017/06/12 jQuery
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
2018/02/06 Javascript
JS构造一个html文本内容成文件流形式发送到后台
2018/07/31 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
[04:02]DOTA2上海特锦赛小组赛第二日recap精彩回顾
2016/02/28 DOTA
[52:32]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第三场 11.18
2020/11/18 DOTA
Python实现获取某天是某个月中的第几周
2015/02/11 Python
Python2.x与Python3.x的区别
2016/01/14 Python
如何将python中的List转化成dictionary
2016/08/15 Python
Python 函数基础知识汇总
2018/03/09 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
python+gdal+遥感图像拼接(mosaic)的实例
2020/03/10 Python
Python3标准库glob文件名模式匹配的问题
2020/03/13 Python
python实现超级马里奥
2020/03/18 Python
django ObjectDoesNotExist 和 DoesNotExist的用法
2020/07/09 Python
python3.8.3安装教程及环境配置的详细教程(64-bit)
2020/11/28 Python
Python Http请求json解析库用法解析
2020/11/28 Python
利用python实现汉诺塔游戏
2021/03/01 Python
经济学博士求职自荐信范文
2013/11/23 职场文书
python3实现无权最短路径的方法
2021/05/12 Python
处理canvas绘制图片模糊问题
2022/05/11 Javascript