jQuery外链新窗口打开

知更鸟 2016年8月15日19:47:06Web前端来源:前端开发博客23.9K阅读模式

jQuery外链新窗口打开文章源自知更鸟-https://zmingcx.com/jquery-outside-the-chain-opened-a-new-window.html

对于外链,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置target="_blank"。然而手动一个是麻烦,另一个则是有可能会遗漏,本文通过jQuery查询要点击的链接,添加相关属性,使其打开新窗口。文章源自知更鸟-https://zmingcx.com/jquery-outside-the-chain-opened-a-new-window.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://zmingcx.com/jquery-outside-the-chain-opened-a-new-window.html

原文:http://caibaojian.com/jquery-open-new-window.html文章源自知更鸟-https://zmingcx.com/jquery-outside-the-chain-opened-a-new-window.html

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
CSS3 水平垂直居中 Web前端

CSS3 水平垂直居中

当使用top: 50%和left: 50% 是以左上角为原点,故不处于中心位置,可以用translate()实现水平垂直居中。 translate()是css3的新特性,在不知道自身宽高的情况下,可以...
animation动画复合属性 Web前端

animation动画复合属性

css3中的animation动画复合属性:name(绑定的动画名称) duration(完成时间) timing-function(如何完成一个周期) delay(启动前间隔) iteration-...
CSS 六边形 Web前端

CSS 六边形

1、将六边形拆分为一个矩形+二个三角形,利用伪元素after和before来实现; <!--第一种方案:矩形+左右两个三角形来实现--> <div class="one">&l...
网页特效live2d看板娘 WordPress

网页特效live2d看板娘

如果喜欢给自己的网站加些花花草草,live2d看板娘就是一个不错的特效,人物会跟随你的鼠标动,超级可爱!   将下面代码添加到网页适当位置即可。 <script src="https:...
评论  2  访客  2
    • 葱白的天蓝
      葱白的天蓝 0

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

      • ctoms
        ctoms 0

        为什么没效果。。 :cry:

      匿名

      发表评论

      匿名网友 填写信息

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

      确定