jQuery查询要点击的链接,添加新窗口打开属性

2018-01-3005:43:21WEB前端开发Comments3,271 views字数 586阅读模式

jQuery查询要点击的链接,添加新窗口打开属性文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/11.html

为了留住用户在本站,我们通常会使用新窗口打开外链,你可以设置target="_blank"。然而手动一个是麻烦,另一个则是有可能会遗漏,本文通过jQuery查询要点击的链接,添加相关属性,使其打开新窗口。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/11.html

  1. $(document).on('click','a',function(){
  2.     var url = this.href,hash='';
  3.     if(url.indexOf('#')>-1){
  4.         hash = !!url.split('#')[1] ? '#' + url.split('#')[1] :'';
  5.         url = url.split('#')[0];
  6.     }
  7.     if(url && url.substr(0,4) == 'http' && url.indexOf('caibaojian.com')<0 ) {
  8.         this.href = url.indexOf('?') > -1 ? url+'&utm_source=caibaojian.com'+hash:url+'?utm_source=caibaojian.com'+hash;
  9.         this.setAttribute('target', '_blank');
  10.     }
  11. })

以上代码中,你可以将caibaojian.com换为你自己的域名。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/11.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/11.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定