jQuery外链新窗口打开

对于外链,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置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');
    }
})

试试打开我的微博看看效果:http://weibo.com/kujian或者百度:http://www.baidu.com/。以上代码中,你可以将caibaojian.com换为你自己的域名。

原文链接:jQuery外链新窗口打开 版权所有,转载时请注明出处,违者必究。
注明出处格式:前端开发博客 (http://caibaojian.com/jquery-open-new-window.html)

发表评论

请登录后发表评论: