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中ajax学习笔记4
Oct 16 Javascript
解析js如何获取当前url中的参数值并复制给input
Jun 23 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
Jun 06 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
Dec 27 Javascript
webpack入门+react环境配置
Feb 08 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
javascript遍历json对象的key和任意js对象属性实例
Mar 09 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
Mar 21 Javascript
微信小程序实现弹出层效果
May 26 Javascript
使用vue2实现带地区编号和名称的省市县三级联动效果
Nov 05 Javascript
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
ES6字符串的扩展实例
Dec 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
thinkphp3.2实现跨控制器调用其他模块的方法
2017/03/14 PHP
thinkPHP框架实现的简单计算器示例
2018/12/07 PHP
任意位置显示html菜单
2007/02/01 Javascript
JavaScript 字符串连接性能优化
2008/12/20 Javascript
jQuery hover 延时器实现代码
2011/03/12 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
2014/06/30 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
2015/04/06 Javascript
javascript正则表达式基础知识入门
2015/04/20 Javascript
JavaScript中join()方法的使用简介
2015/06/09 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
详解Sea.js中Module.exports和exports的区别
2017/02/12 Javascript
react-router实现按需加载
2017/05/09 Javascript
AngularJS中controller控制器继承的使用方法
2017/11/03 Javascript
angular4 JavaScript内存溢出问题
2018/03/06 Javascript
关于vue中的ajax请求和axios包问题
2018/04/19 Javascript
js Array.slice的8种不同用法示例
2019/07/10 Javascript
Layui table field初始化加载时进行隐藏的方法
2019/09/19 Javascript
[01:19:34]2014 DOTA2国际邀请赛中国区预选赛 New Element VS Dream time
2014/05/22 DOTA
python实现电子词典
2020/04/23 Python
浅谈Python 字符串格式化输出(format/printf)
2016/07/21 Python
Python获取当前函数名称方法实例分享
2018/01/18 Python
Python实现Linux监控的方法
2019/05/16 Python
python for循环remove同一个list过程解析
2019/08/14 Python
python中线程和进程有何区别
2020/06/17 Python
HTML5重塑Web世界它将如何改变互联网
2012/12/17 HTML / CSS
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
Europcar美国/加拿大:预订汽车或卡车租赁服务
2018/11/13 全球购物
与世界上最好的跑步专业品牌合作:Fleet Feet
2019/03/22 全球购物
linux面试题参考答案(4)
2014/09/21 面试题
文明礼仪事迹材料
2014/01/09 职场文书
愚人节活动策划方案
2014/03/11 职场文书
公司证明怎么写
2014/09/22 职场文书
布达拉宫导游词
2015/02/02 职场文书
妈妈别哭观后感
2015/06/08 职场文书
画展观后感
2015/06/17 职场文书