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 相关文章推荐
js获取下拉列表的值和元素个数示例
May 07 Javascript
JavaScript实现SHA-1加密算法的方法
Mar 11 Javascript
JavaScript中的函数(二)
Dec 23 Javascript
Jquery技巧(必须掌握)
Mar 16 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
Sep 23 Javascript
你真的了解BOM中的history对象吗
Feb 13 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
AngularJS2中一种button切换效果的实现方法(二)
Mar 27 Javascript
实例分析编写vue组件方法
Feb 12 Javascript
微信小程序与webview交互实现支付功能
Jun 07 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
Aug 03 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实现自动获取生成文章主题关键词功能的深入分析
2013/06/03 PHP
PHP关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
PHP获取真实客户端的真实IP
2017/03/07 PHP
IE浏览器PNG图片透明效果代码
2008/09/02 Javascript
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
js获取form表单中name属性的值
2019/02/27 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
2019/04/10 Javascript
微信小程序发布新版本时自动提示用户更新的方法
2019/06/07 Javascript
js实现图片实时时钟
2020/01/15 Javascript
全网小程序接口请求封装实例代码
2020/11/06 Javascript
解决vant的Toast组件时提示not defined的问题
2020/11/11 Javascript
[01:08]2014DOTA2展望TI 剑指西雅图LGD战队专访
2014/06/30 DOTA
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
python如何重载模块实例解析
2018/01/25 Python
pycharm执行python时,填写参数的方法
2018/10/29 Python
使用Python的SymPy库解决数学运算问题的方法
2019/03/27 Python
python for和else语句趣谈
2019/07/02 Python
Python 控制终端输出文字的实例
2019/07/12 Python
python GUI库图形界面开发之PyQt5打开保存对话框QFileDialog详细使用方法与实例
2020/02/27 Python
Python制作数据预测集成工具(值得收藏)
2020/08/21 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
Oroton中国官网:澳洲知名奢侈配饰品牌
2017/03/26 全球购物
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
优秀团员个人的自我评价
2013/10/02 职场文书
经典安踏广告词
2014/03/21 职场文书
地质工程专业毕业生求职信
2014/08/08 职场文书
2016大学自主招生推荐信范文
2015/03/23 职场文书
2015年圣诞节活动总结
2015/03/24 职场文书
python 标准库原理与用法详解之os.path篇
2021/10/24 Python
Python使用pyecharts控件绘制图表
2022/06/05 Python