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应该怎样学
Apr 16 Javascript
js获取div高度的代码
Aug 09 Javascript
URL地址中的#符号使用说明
Feb 12 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
Dec 17 Javascript
js模式化窗口问题![window.dialogArguments]
Oct 30 Javascript
原生js仿淘宝网商品放大镜效果
Feb 28 Javascript
纯js实现隔行变色效果
Nov 29 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
Dec 23 Javascript
Javascript网页抢红包外挂实现分享
Jan 11 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
Sep 14 Javascript
vue路由传参的基本实现方式小结【三种方式】
Feb 05 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 文件扩展名 获取函数
2009/06/03 PHP
用PHP来计算某个目录大小的方法
2014/04/01 PHP
PHP弹出对话框技巧详细解读
2015/09/26 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
php基于Redis消息队列实现的消息推送的方法
2018/11/28 PHP
父窗口获取弹出子窗口文本框的值
2006/06/27 Javascript
javascript 随机展示头像实现代码
2011/12/06 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
2013/11/22 Javascript
JavaScript中的继承方式详解
2015/02/11 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
2016/05/07 Javascript
深入解析Javascript闭包的功能及实现方法
2016/07/10 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
聊一聊JS中的prototype
2016/09/29 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
2016/10/27 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
2017/02/22 Javascript
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
详解angular 中的自定义指令之详解API
2017/06/20 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
JS计算距当前时间的时间差实例
2017/12/29 Javascript
webpack引入eslint配置详解
2018/01/22 Javascript
JS中min函数实例讲解
2019/02/18 Javascript
浅谈JS中几种轻松处理'this'指向方式
2019/09/16 Javascript
通过Python来使用七牛云存储的方法详解
2015/08/07 Python
python中将一个全部为int的list 转化为str的list方法
2018/04/09 Python
python3解析库pyquery的深入讲解
2018/06/26 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
Python内置数据类型list各方法的性能测试过程解析
2020/01/07 Python
Python定时器线程池原理详解
2020/02/26 Python
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
2013/01/09 HTML / CSS
印尼披萨外送专家:Domino’s Pizza印尼
2017/12/28 全球购物
爱心捐书活动总结
2014/07/05 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
保证金退回承诺函格式
2015/01/21 职场文书
三严三实学习心得体会(精选N篇)
2016/01/05 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书
如何利用python实现Simhash算法
2022/06/28 Python