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 无提示关闭浏览器页面的代码
Mar 09 Javascript
jQuery 幻灯片插件(带缩略图功能)
Jan 24 Javascript
表单JS弹出填写提示效果代码
Apr 16 Javascript
javascript对select标签的控制(option选项/select)
Jan 31 Javascript
javascript:void(0)是什么意思示例介绍
Nov 17 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
js 定位到某个锚点的方法
Nov 19 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
Vue解析带html标签的字符串为dom的实例
Nov 13 Javascript
js实现选项卡效果
Mar 07 Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 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 MVC模式在网站架构中的实现分析
2010/03/04 PHP
6种php上传图片重命名的方法实例
2013/11/04 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
2014/11/19 PHP
变量在 PHP7 内部的实现(一)
2015/12/21 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
php layui实现前端多图上传实例
2019/07/30 PHP
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
2009/06/14 Javascript
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
Vue 组件(component)教程之实现精美的日历方法示例
2018/01/08 Javascript
vue中如何使用ztree
2018/02/06 Javascript
Vue.js添加组件操作示例
2018/06/13 Javascript
React Native基础入门之调试React Native应用的一小步
2018/07/02 Javascript
js中对象与对象创建方法的各种方法
2019/02/27 Javascript
vue实现全匹配搜索列表内容
2019/09/26 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
JavaScript代码异常监控实现过程详解
2020/02/17 Javascript
Vue elementui字体图标显示问题解决方案
2020/08/18 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
2020/11/05 Javascript
python paramiko模块学习分享
2017/08/23 Python
python+ffmpeg视频并发直播压力测试
2018/03/06 Python
基于pycharm导入模块显示不存在的解决方法
2018/10/13 Python
python yield和Generator函数用法详解
2020/02/10 Python
Clarks鞋法国官方网站:英国其乐鞋品牌
2018/02/11 全球购物
PHP数据运算类型都有哪些
2013/11/05 面试题
学校介绍信范文
2014/01/14 职场文书
网上商城创业计划书范文
2014/01/31 职场文书
体育教师自我鉴定
2014/02/12 职场文书
责任书格式
2015/01/29 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
个人业务学习心得体会
2016/01/25 职场文书
Python绘制分类图的方法
2021/04/20 Python
Python字符串格式化方式
2022/04/07 Python
vue项目配置sass及引入外部scss文件
2022/04/14 Vue.js
SpringBoot Http远程调用的方法
2022/08/14 Java/Android