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中html()方法使用不当带来的陷阱
Apr 07 Javascript
JavaScript 布尔操作符解析  &amp;&amp; || !
Aug 10 Javascript
js实现的折叠导航示例
Nov 29 Javascript
JavaScript中使用document.write向页面输出内容实例
Oct 16 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
Oct 20 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
JavaScript实现带标题的图片轮播特效
May 20 Javascript
JavaScript中split与join函数的进阶使用技巧
May 03 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
RequireJS用法简单示例
Aug 20 Javascript
vue+Element-ui实现分页效果
Nov 15 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
Dec 14 Vue.js
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
COM in PHP (winows only)
2006/10/09 PHP
ThinkPHP使用UTFWry地址库进行IP定位实例
2014/04/01 PHP
php函数与传递参数实例分析
2014/11/15 PHP
php隐藏IP地址后两位显示为星号的方法
2014/11/21 PHP
PHP解析url并得到url参数方法总结
2018/10/11 PHP
PHP笛卡尔积实现原理及代码实例
2020/12/09 PHP
jQuery弹出(alert)select选择的值
2013/04/21 Javascript
javascript数组遍历for与for in区别详解
2014/12/04 Javascript
jquery实现触发时更新下拉列表内容的方法
2015/12/02 Javascript
常用jQuery选择器汇总
2017/02/02 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
玩转vue的slot内容分发
2018/09/22 Javascript
JavaScript实现shuffle数组洗牌操作示例
2019/01/03 Javascript
Moment.js实现多个同时倒计时
2019/08/26 Javascript
ES6学习笔记之let与const用法实例分析
2020/01/22 Javascript
Nodejs 数组的队列以及forEach的应用详解
2021/02/25 NodeJs
javascript实现简单页面倒计时
2021/03/02 Javascript
Python爬取网页中的图片(搜狗图片)详解
2017/03/23 Python
python数据结构链表之单向链表(实例讲解)
2017/07/25 Python
Python 实现使用dict 创建二维数据、DataFrame
2018/04/13 Python
对python xlrd读取datetime类型数据的方法详解
2018/12/26 Python
学生信息管理系统Python面向对象版
2019/01/30 Python
Django模型中字段属性choice使用说明
2020/03/30 Python
怎么解决pycharm license Acti的方法
2020/10/28 Python
python元组拆包实现方法
2021/02/28 Python
日本面向世界,国际级的免税在线购物商城:DOKODEMO
2017/02/01 全球购物
params有什么用
2016/03/01 面试题
如何在Shell脚本中使用函数
2015/09/06 面试题
养生餐厅创业计划书范文
2014/03/26 职场文书
务虚会发言材料
2014/12/25 职场文书
个人委托函范文
2015/01/29 职场文书
干部作风纪律整顿心得体会
2016/01/23 职场文书
2016见义勇为事迹材料汇总
2016/03/01 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
关于Mybatis中SQL节点的深入解析
2022/03/19 Java/Android
keepalived + nginx 实现高可用方案
2022/12/24 Servers