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 相关文章推荐
jQuery 改变CSS样式基础代码
Feb 11 Javascript
javascript实现表格排序 编辑 拖拽 缩放
Jan 02 Javascript
javascript实现动态加载CSS
Jan 26 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
jquery实现图片水平滚动效果代码分享
Aug 26 Javascript
JavaScript进阶练习及简单实例分析
Jun 03 Javascript
原生js实现ajax方法(超简单)
Sep 20 Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
Oct 25 Javascript
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
Aug 19 Javascript
jQuery实现动态添加和删除input框代码实例
Mar 29 jQuery
简单了解vue.js数组的常用操作
Jun 17 Javascript
vue项目中常见问题及解决方案(推荐)
Oct 21 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
Yii2中设置与获取别名的函数(setAlias和getAlias)用法分析
2016/07/25 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
2006/09/22 Javascript
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
JavaScript保留两位小数的2个自定义函数
2014/05/05 Javascript
浅谈Javascript如何实现匀速运动
2014/12/19 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
JS实现当前页居中分页效果的方法
2015/06/18 Javascript
详解jQuery中基本的动画方法
2016/12/14 Javascript
原生js实现中奖信息无间隙滚动效果
2017/01/18 Javascript
js实现4个方向滚动的球
2017/03/06 Javascript
深入理解Node.js中的进程管理
2017/03/13 Javascript
Vue中正确使用jQuery的方法
2017/10/30 jQuery
JS和JQuery实现雪花飘落效果
2017/11/30 jQuery
用Node编写RESTful API接口的示例代码
2018/07/04 Javascript
vue项目中添加单元测试的方法
2018/07/21 Javascript
vue webpack打包后图片路径错误的完美解决方法
2018/12/07 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
2019/09/09 Javascript
javascript实现简易数码时钟
2020/03/30 Javascript
python利用beautifulSoup实现爬虫
2014/09/29 Python
详解Django中的form库的使用
2015/07/18 Python
Python实现简单拆分PDF文件的方法
2015/07/30 Python
Python基础教程之tcp socket编程详解及简单实例
2017/02/23 Python
利用Anaconda完美解决Python 2与python 3的共存问题
2017/05/25 Python
python paramiko远程服务器终端操作过程解析
2019/12/14 Python
详解用Python调用百度地图正/逆地理编码API
2020/07/02 Python
浅谈keras中Dropout在预测过程中是否仍要起作用
2020/07/09 Python
如果NULL和0作为空指针常数是等价的,那我到底该用哪一个
2014/09/16 面试题
教师研修随笔感言
2014/01/23 职场文书
财务担保书范文
2014/04/02 职场文书
加油口号大全
2014/06/13 职场文书
机关副主任个人四风问题整改措施
2014/09/26 职场文书
2014年仓库工作总结
2014/11/20 职场文书
个人工作年终总结
2015/03/09 职场文书
2015年餐厅服务员工作总结
2015/04/23 职场文书