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 绑定事件时传递参数的实现方法
Oct 13 Javascript
js中判断文本框是否为空的两种方法
Jul 31 Javascript
js返回上一页并刷新代码整理
Dec 21 Javascript
jQuery实现id模糊查询的小例子
Mar 19 Javascript
js/jquery去掉空格,回车,换行示例代码
Nov 05 Javascript
用JavaScript实现使用鼠标画线的示例代码
Aug 19 Javascript
jQuery动画出现连续触发、滞后反复执行的解决方法
Jan 28 Javascript
JavaScript检测并限制复选框选中个数的方法
Aug 12 Javascript
jQuery右下角悬浮广告实例
Oct 17 Javascript
原生JS实现跑马灯效果
Feb 20 Javascript
详解React 服务端渲染方案完美的解决方案
Dec 14 Javascript
js获取图片的base64编码并压缩
Dec 05 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/07/27 PHP
114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法
2012/01/12 PHP
深入掌握include_once与require_once的区别
2013/06/17 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
php 字符串中是否包含指定字符串的多种方法
2018/04/12 PHP
jquery之Document元素选择器篇
2008/08/14 Javascript
javascrip关于继承的小例子
2013/05/10 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
2015/05/11 Javascript
JSON与String互转的实现方法(Javascript)
2016/09/27 Javascript
BOM之navigator对象和用户代理检测
2017/02/10 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
2017/04/04 Javascript
JavaScript运动框架 多值运动(四)
2017/05/18 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
2017/05/22 Javascript
jquery实现左右轮播图效果
2017/09/28 jQuery
Vue 进入/离开动画效果
2017/12/26 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
[01:00:53]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Secret
2018/03/30 DOTA
Python3.2中Print函数用法实例详解
2015/05/19 Python
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
Python使用matplotlib的pie函数绘制饼状图功能示例
2018/01/08 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
使用Rasterio读取栅格数据的实例讲解
2019/11/26 Python
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
应聘护士自荐信
2013/10/21 职场文书
大学生毕业的自我鉴定
2013/11/13 职场文书
生日派对邀请函
2014/01/13 职场文书
高中生家长寄语大全
2014/04/03 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
2015年春训学习心得体会范文
2015/03/09 职场文书
2015年国培研修感言
2015/08/01 职场文书
自书遗嘱范文
2015/08/07 职场文书
阳光体育运动标语口号
2015/12/26 职场文书
Python编写可视化界面的全过程(Python+PyCharm+PyQt)
2021/05/17 Python