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 相关文章推荐
JavaScript 的方法重载效果
Aug 07 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
jQuery的事件委托实例分析
Jul 15 Javascript
JQuery日期插件datepicker的使用方法
Mar 03 Javascript
javascript实现label标签跳出循环操作
Mar 06 Javascript
学习Angular中作用域需要注意的坑
Aug 17 Javascript
巧用Javascript的逻辑运算符
Dec 02 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
Sep 14 Javascript
vue组件实现弹出框点击显示隐藏效果
Oct 26 Javascript
element-ui循环显示radio控件信息的方法
Aug 24 Javascript
js模拟实现百度搜索
Jun 28 Javascript
JS指定音频audio在某个时间点进行播放
Nov 28 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 Ajax乱码
2008/04/09 PHP
PHP中array_merge和array相加的区别分析
2013/06/17 PHP
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
js猜数字小游戏的简单实现代码
2013/07/02 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
js 获取元素在页面上的偏移量的方法汇总
2015/04/13 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
2016/04/26 Javascript
AngularJS Bootstrap详细介绍及实例代码
2016/07/28 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
2016/08/15 Javascript
BOM系列第二篇之定时器requestAnimationFrame
2016/08/17 Javascript
Node.js获取前端ajax提交的request信息
2017/02/20 Javascript
Webpack打包css后z-index被重新计算的解决方法
2017/06/18 Javascript
vue.js 上传图片实例代码
2017/06/22 Javascript
基于js 各种排序方法和sort方法的区别(详解)
2018/01/03 Javascript
微信小程序 下拉刷新及上拉加载原理解析
2019/11/06 Javascript
Vue Object 的变化侦测实现代码
2020/04/15 Javascript
vue中watch和computed的区别与使用方法
2020/08/23 Javascript
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
python 自定义装饰器实例详解
2019/07/20 Python
python实现多进程按序号批量修改文件名的方法示例
2019/12/30 Python
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
html5实现的便签特效(实战分享)
2013/11/29 HTML / CSS
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
亿阳信通股份有限公司笔试题(C#)
2016/03/04 面试题
抽象类和接口的区别
2012/09/19 面试题
行政总监岗位职责
2013/12/05 职场文书
基本公共卫生服务健康教育工作方案
2014/05/22 职场文书
教代会开幕词
2015/01/28 职场文书
护士个人年度总结范文
2015/02/13 职场文书
前台接待员岗位职责
2015/04/15 职场文书
法定代表人身份证明书
2015/06/18 职场文书
《我和小伙伴》教学反思
2016/02/20 职场文书
《和时间赛跑》读后感3篇
2019/12/16 职场文书
Python之基础函数案例详解
2021/08/30 Python
Python中的嵌套循环详情
2022/03/23 Python