HTML/CSS

jQuery外链新窗口打开

阿里云

对于外链,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置 target="_blank"。然而手动一个是麻烦,另一个则是有可能会遗漏,本文通过 jQuery 查询要点击的链接,添加相关属性,使其打开新窗口。

  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('22vd.com')<0 ) {
  8.             this.href = url.indexOf('?') > -1 ? url+'&utm_source=caibaojian.com'+hash:url+'?utm_source=22vd.com'+hash;
  9.             this.setAttribute('target', '_blank');
  10.         }
  11.     })
也想出现在这里?联系我们
创客主机

以上代码中,你可以将 22vd.com 换为你自己的域名。

jQuery 外链新窗口打开

已有 412 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!