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 相关文章推荐
dojo 之基础篇(三)之向服务器发送数据
Mar 24 Javascript
封装好的省市地区联动控件附下载
Aug 13 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
Jan 02 Javascript
javascript的几种继承方法介绍
Mar 22 Javascript
JS实现微信弹出搜索框 多条件查询功能
Dec 13 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
Dec 28 Javascript
jQuery实现给input绑定回车事件的方法
Feb 09 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
Jul 10 Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 Javascript
vue + element-ui的分页问题实现
Dec 17 Javascript
原生js实现简单轮播图
Oct 26 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 翻页 实例代码
2009/08/07 PHP
PHP中使用file_get_contents post数据代码例子
2015/02/13 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
javascript 拖动表格行实现代码
2011/05/05 Javascript
Javascript实现滑块滑动改变值的实现代码
2013/04/12 Javascript
JQuery+DIV自定义滚动条样式的具体实现
2013/06/25 Javascript
js实现连个数字相加而不是拼接的方法
2014/02/23 Javascript
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
js判断某个方法是否存在实例代码
2015/01/10 Javascript
jQuery插件扩展测试实例
2016/06/21 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
2016/08/24 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
使用Bootstrap打造特色进度条效果
2017/05/02 Javascript
jQuery+Ajax实现用户名重名实时检测
2017/06/01 jQuery
Angular.JS中指令ng-if的注意事项小结
2017/06/21 Javascript
基于easyui checkbox 的一些操作处理方法
2017/07/10 Javascript
浅谈Postman解决token传参的问题
2018/03/31 Javascript
JS学习笔记之闭包小案例分析
2019/05/29 Javascript
详解Vue 换肤方案验证
2019/08/28 Javascript
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
微信小程序实现天气预报功能(附源码)
2020/12/10 Javascript
Python线性回归实战分析
2018/02/01 Python
Python同步遍历多个列表的示例
2019/02/19 Python
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
python+logging+yaml实现日志分割
2019/07/22 Python
python matplotlib库绘制散点图例题解析
2019/08/10 Python
关于numpy.where()函数 返回值的解释
2019/12/06 Python
DataFrame.groupby()所见的各种用法详解
2020/06/14 Python
捷克钓鱼用品网上商店:Parys.cz
2018/06/15 全球购物
淘宝客服专员岗位职责
2014/04/11 职场文书
开展党的群众路线教育实践活动情况汇报
2014/11/05 职场文书
军训阅兵新闻稿
2015/07/17 职场文书
2019个人半年工作总结
2019/06/21 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
pytorch model.cuda()花费时间很长的解决
2021/06/01 Python