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 关闭浏览器 (不弹出提示框)
Jan 31 Javascript
js生成随机数之random函数随机示例
Dec 20 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
jQuery简单实现banner图片切换
Jan 02 Javascript
kindeditor修复会替换script内容的问题
Apr 03 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
Aug 31 Javascript
javascript中字体浮动效果的简单实例演示
Nov 18 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
Nov 28 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
JavaScript交换两个变量方法实例
Nov 25 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 反射机制实现动态代理的代码
2008/10/22 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
thinkPHP5.0框架环境变量配置方法
2017/03/17 PHP
jQuery客户端分页实例代码
2013/11/18 Javascript
jQuery中get()方法用法实例
2014/12/27 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
Jquery全选与反选点击执行一次的解决方案
2015/08/14 Javascript
js 将图片连接转换成base64格式的简单实例
2016/08/10 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
2018/02/27 Javascript
js合并两个数组生成合并后的key:value数组
2018/05/09 Javascript
JS跨域请求的问题解析
2018/12/03 Javascript
Vue商品控件与购物车联动效果的实例代码
2019/07/21 Javascript
vue指令v-html使用过滤器filters功能实例
2019/10/25 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
2020/10/29 Javascript
Python入门篇之面向对象
2014/10/20 Python
详细解析Python当中的数据类型和变量
2015/04/25 Python
Python 如何访问外围作用域中的变量
2016/09/11 Python
Python闭包的两个注意事项(推荐)
2017/03/20 Python
Python3简单实例计算同花的概率代码
2017/12/06 Python
Python cookbook(数据结构与算法)将名称映射到序列元素中的方法
2018/03/22 Python
使用Python提取文本中含有特定字符串的方法示例
2020/12/09 Python
聊聊python在linux下与windows下导入模块的区别说明
2021/03/03 Python
CSS改变网页中鼠标选中文字背景颜色例子
2014/04/23 HTML / CSS
css3和jquery实现的可折叠导航菜单适合放在手机网页的导航菜单
2014/09/02 HTML / CSS
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
名词解释型面试题(主要是网络)
2013/12/27 面试题
迎接领导欢迎词
2014/01/11 职场文书
销售人员职业生涯规划范文
2014/03/01 职场文书
电子商务专业学生职业生涯规划
2014/03/07 职场文书
《夹竹桃》教学反思
2014/04/20 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
股指期货心得体会
2014/09/13 职场文书
业务员岗位职责范本
2015/04/03 职场文书
《怀念母亲》教学反思
2016/02/19 职场文书