jQuery新窗口打开外链接


Posted in Javascript onJuly 21, 2016

对于外链,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置target="_blank"。然而手动一个是麻烦,另一个则是有可能会遗漏,本文通过jQuery查询要点击的链接,添加相关属性,使其打开新窗口。

$(document).on('click','a',function(){
var url = this.href,hash='';
if(url.indexOf('#')>-1){
hash = !!url.split('#')[1] ? '#' + url.split('#')[1] :'';
url = url.split('#')[0]; 
}
if(url && url.substr(0,4) == 'http' && url.indexOf('caibaojian.com')<0 ) {
this.href = url.indexOf('?') > -1 ? url+'&utm_source=caibaojian.com'+hash:url+'?utm_source=caibaojian.com'+hash;
this.setAttribute('target', '_blank');
}
})

以上所述是小编给大家介绍的jQuery新窗口打开外链接,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS 容错处理代码, 屏蔽错误信息
Mar 09 Javascript
JavaScript 数组运用实现代码
Apr 13 Javascript
ie支持function.bind()方法实现代码
Dec 27 Javascript
js或者jquery判断图片是否加载完成实现代码
Mar 20 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
javascript 获取浏览器版本
Jan 21 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
Jun 24 Javascript
基于JavaScript实现前端文件的断点续传
Oct 17 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
angular中的cookie读写方法
Aug 02 Javascript
vue2.0 和 animate.css的结合使用
Dec 12 Javascript
vue实现百度下拉列表交互操作示例
Mar 12 Javascript
JS for循环中i++ 和 ++i的区别介绍
Jul 20 #Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
Jul 20 #Javascript
Node.js如何自动审核团队的代码
Jul 20 #Javascript
js只执行1次的函数示例
Jul 20 #Javascript
JQuery为元素添加样式的实现方法
Jul 20 #Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 #Javascript
javaScript给元素添加多个class的简单实现
Jul 20 #Javascript
You might like
php学习笔记之 函数声明(二)
2011/06/09 PHP
php读取本地文件常用函数(fopen与file_get_contents)
2013/09/09 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
ThinkPHP的截取字符串函数无法显示省略号的解决方法
2014/06/25 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
JXTree对象,读取外部xml文件数据,生成树的函数
2007/04/02 Javascript
jquery异步请求实例代码
2011/06/21 Javascript
jquery动画1.加载指示器
2012/08/24 Javascript
Javascript开发之三数组对象实例介绍
2012/11/12 Javascript
解决jquery异步按一定的时间间隔刷新问题
2012/12/10 Javascript
jQuery 绑定事件到动态创建的元素上的方法实例
2013/08/18 Javascript
JavaScript解析json格式数据简单示例
2014/12/09 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
Bootstrap框架动态生成Web页面文章内目录的方法
2016/05/12 Javascript
BootStrap的Datepicker控件使用心得分享
2016/05/25 Javascript
React-router 4 按需加载的实现方式及原理详解
2017/05/25 Javascript
vue教程之toast弹框全局调用示例详解
2020/08/24 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
2017/12/12 Javascript
小程序图片剪裁加旋转的示例代码
2018/07/10 Javascript
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
python实现简单神经网络算法
2018/03/10 Python
python将数组n等分的实例
2019/12/02 Python
python tkinter GUI绘制,以及点击更新显示图片代码
2020/03/14 Python
python 实现客户端与服务端的通信
2020/12/23 Python
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
Canvas获取视频第一帧缩略图的实现
2020/11/11 HTML / CSS
简单说下OSPF的操作过程
2014/08/13 面试题
高中毕业生自我鉴定范文
2013/09/26 职场文书
红旗方阵解说词
2014/02/12 职场文书
2014年最新学习全国两会精神心得
2014/03/17 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
德能勤绩工作总结
2015/08/11 职场文书
python中如何对多变量连续赋值
2021/06/03 Python
Nginx如何配置多个服务域名解析共用80端口详解
2022/09/23 Servers