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实现的一个Flash滚动轮换显示图片代码生成器
Mar 14 Javascript
防止文件缓存的js代码
Jan 10 Javascript
javascript的内存管理详解
Aug 07 Javascript
jquery图片滚动放大代码分享(1)
Aug 25 Javascript
基于jQuery实现火焰灯效果导航菜单
Jan 04 Javascript
Vue.js 2.0中select级联下拉框实例
Mar 06 Javascript
vue.js单页面应用实例的简单实现
Apr 10 Javascript
AngularJS service之select下拉菜单效果
Jul 28 Javascript
Javascript刷新页面的实例
Sep 23 Javascript
微信小程序下拉加载和上拉刷新两种实现方法详解
Sep 05 Javascript
微信小程序实现注册登录功能(表单校验、错误提示)
Dec 10 Javascript
Node.js API详解之 readline模块用法详解
May 22 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
PHPMailer 中文使用说明小结
2010/01/22 PHP
遭遇php的in_array低性能问题
2013/09/17 PHP
php面向对象中的魔术方法中文说明
2014/03/04 PHP
PHP+MariaDB数据库操作基本技巧备忘总结
2018/05/21 PHP
PHP基于pdo的数据库操作类【可支持mysql、sqlserver及oracle】
2018/05/21 PHP
PHP树形结构tree类用法示例
2019/02/01 PHP
IE浏览器PNG图片透明效果代码
2008/09/02 Javascript
JS request函数 用来获取url参数
2010/05/17 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
浅谈React中组件逻辑复用的那些事儿
2020/05/21 Javascript
vue treeselect获取当前选中项的label实例
2020/08/31 Javascript
使用 Python 获取 Linux 系统信息的代码
2014/07/13 Python
python进阶_浅谈面向对象进阶
2017/08/17 Python
Python中的groupby分组功能的实例代码
2018/07/11 Python
从运行效率与开发效率比较Python和C++
2018/12/14 Python
Python进阶之@property动态属性的实现
2019/04/01 Python
使用Python的datetime库处理时间(RPA流程)
2019/11/24 Python
Python实现AI换脸功能
2020/04/10 Python
什么是Python中的顺序表
2020/06/02 Python
python实现批处理文件
2020/07/28 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
关于webview适配H5上传照片或者视频文件的方法
2020/11/04 HTML / CSS
美国儿童珠宝在线零售商:Loveivy
2019/05/22 全球购物
阿联酋航空丹麦官方网站:Emirates DK
2019/08/25 全球购物
合同专员岗位职责
2013/12/18 职场文书
商场消防管理制度
2014/01/12 职场文书
一个大学生十年的职业规划
2014/01/17 职场文书
工程开工庆典邀请函
2014/02/01 职场文书
主题婚礼策划方案
2014/02/10 职场文书
大学生军训感想
2014/02/16 职场文书
环保标语大全
2014/06/12 职场文书
九一八事变演讲稿范文
2014/09/14 职场文书
python爬不同图片分别保存在不同文件夹中的实现
2021/04/02 Python