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-TreeView父子联动效果保持节点状态一致
Aug 12 Javascript
从面试题学习Javascript 面向对象(创建对象)
Mar 30 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
Sep 02 Javascript
JavaScript获取元素尺寸和大小操作总结
Feb 27 Javascript
JavaScript输出当前时间Unix时间戳的方法
Apr 06 Javascript
js实现的简练高效拖拽功能示例
Dec 21 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
BootStrap Table 后台数据绑定、特殊列处理、排序功能
May 27 Javascript
jQuery选择器之属性过滤选择器详解
Sep 28 jQuery
详解swiper在vue中的应用(以3.0为例)
Sep 20 Javascript
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
D3.js 实现带伸缩时间轴拓扑图的示例代码
Jan 20 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制作静态网站的模板框架(二)
2006/10/09 PHP
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
PHP超全局数组(Superglobals)介绍
2015/07/01 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
php模拟实现斗地主发牌
2020/04/22 PHP
Div自动滚动到末尾的代码
2008/10/26 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
2012/02/23 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
2015/03/06 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
2015/08/05 Javascript
JavaScript编程学习技巧汇总
2016/02/21 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
2016/06/23 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
2016/07/06 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
2017/04/26 Javascript
Vue实现导航栏点击当前标签变色功能
2020/08/19 Javascript
js实现轮播图效果 纯js实现图片自动切换
2020/08/09 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
2021/01/27 Vue.js
[01:08:56]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第一场 2月7日
2021/03/11 DOTA
python实现360皮肤按钮控件示例
2014/02/21 Python
python开启摄像头以及深度学习实现目标检测方法
2018/08/03 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
python实现简单五子棋游戏
2019/06/18 Python
解决Djang2.0.1中的reverse导入失败的问题
2019/08/16 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
如何基于Python按行合并两个txt
2020/11/03 Python
IE9下html5初试小刀
2010/09/21 HTML / CSS
video下autoplay属性无效的解决方法(添加muted属性)
2020/05/19 HTML / CSS
美国最大的团购网站:Groupon
2016/07/23 全球购物
瑞典廉价机票预订网站:Seat24
2018/06/19 全球购物
日本最佳原创设计品牌:Felissimo(芬理希梦)
2019/03/19 全球购物
奥地利票务门户网站:oeticket.com
2019/12/31 全球购物
回门宴答谢词
2014/01/13 职场文书
考博专家推荐信
2014/05/10 职场文书
现场活动策划方案
2014/08/22 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
综合测评个人总结
2015/03/03 职场文书
基于Redis的List实现特价商品列表功能
2021/08/30 Redis