jQuery外链新窗口打开

2016年08月15日19:47:06 2 3,048

jQuery外链新窗口打开

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

  1. $(document).on('click','a',function(){
  2. varurl=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换为你自己的域名。

原文:http://caibaojian.com/jquery-open-new-window.html

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

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

目前评论:2   其中:访客  2   博主  0

    • 葱白的天蓝 0

      感觉非常不错,自己现在也在学习相关的知识,有需要的可以加qun436476289大家一起学习交流

      • ctoms 0

        为什么没效果。。 :cry: