简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

jQuery新窗口打开外链接

来源:易贤网   阅读:1519 次  日期:2016-07-29 16:24:28

温馨提示:易贤网小编为您整理了“jQuery新窗口打开外链接”,方便广大网友查阅!

这篇文章主要介绍了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');

}

})

以上所述是小编给大家介绍的jQuery新窗口打开外链接,希望对大家有所帮助

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:浅谈DOCTYPE对$(window).height()取值的影响
下一篇:JS for循环中i++ 和 ++i的区别介绍
易贤网手机网站地址:jQuery新窗口打开外链接
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!