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 相关文章推荐
javascript禁用Tab键脚本实例
Nov 22 Javascript
悬浮数字的实现案例
Feb 19 Javascript
node.js中的console.dir方法使用说明
Dec 10 Javascript
推荐一款jQuery插件模板
Jan 09 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
May 12 Javascript
微信小程序 wx.uploadFile无法上传解决办法
Dec 14 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
Dec 22 Javascript
JavaScript表单验证实现代码
May 22 Javascript
基于Require.js使用方法(总结)
Oct 26 Javascript
JavaScript实现省市联动过程中bug的解决方法
Dec 04 Javascript
javascript少儿编程关于返回值的函数内容
May 27 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 09 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
解析mysql中UNIX_TIMESTAMP()函数与php中time()函数的区别
2013/06/24 PHP
解析阿里云ubuntu12.04环境下配置Apache+PHP+PHPmyadmin+MYsql
2013/06/26 PHP
Codeigniter注册登录代码示例
2014/06/12 PHP
使用PHP接受文件并获得其后缀名的方法
2015/08/05 PHP
ThinkPHP下表单令牌错误与解决方法分析
2017/05/20 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
JavaScript 中的replace方法说明
2007/04/13 Javascript
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
2009/04/07 Javascript
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
2011/04/27 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
2013/12/13 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
基于JavaScript实现移动端TAB触屏切换效果
2015/10/20 Javascript
jQuery EasyUi实战教程之布局篇
2016/01/26 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)
2016/11/17 Javascript
详解Angular2学习笔记之Html属性绑定
2018/01/03 Javascript
Vue引入jquery实现平滑滚动到指定位置
2018/05/09 jQuery
vue+element-ui动态生成多级表头的方法
2018/08/28 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
2019/04/24 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
python实现网站的模拟登录
2016/01/04 Python
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
python实现unicode转中文及转换默认编码的方法
2017/04/29 Python
TensorFlow实现模型评估
2018/09/07 Python
python可视化实现代码
2019/01/15 Python
Python selenium页面加载慢超时的解决方案
2020/03/18 Python
Pyinstaller打包Scrapy项目的实现步骤
2020/09/22 Python
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
shell变量的作用空间是什么
2013/08/17 面试题
生产车间主管岗位职责
2013/12/28 职场文书
新春联欢会主持词
2014/03/24 职场文书
英语专业求职信
2014/07/08 职场文书
2015年教师党员自我评价材料
2015/03/04 职场文书
python 如何在list中找Topk的数值和索引
2021/05/20 Python