对于链接,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置target="_blank"。然而手动一个是麻烦,另一个则是有可能会遗漏,本文通过jQuery查询要点击的链接,添加相关属性,使其打开新窗口。
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="demo.php">阅谁问君诵,水落清香浮。</a> <a href="demo.php?f=xxx">阅谁问君诵,水落清香浮。</a> <a href="demo.php?f=xxx#45">阅谁问君诵,水落清香浮。</a> <script src="jquery-1.10.1.min.js" ></script> <script> $(document).on('click','a',function(){ var url = this.href,hash=''; console.info(url); if(url.indexOf('#')>-1){ hash = !!url.split('#')[1] ? '#' + url.split('#')[1] :''; url = url.split('#')[0]; } if(url && url.substr(0,4) == 'http' && url.indexOf('onestopweb.cn')<0 ) { this.href = url.indexOf('?') > -1 ? url+'&utm_source=onestopweb.cn'+hash:url+'?utm_source=onestopweb.cn'+hash; this.setAttribute('target', '_blank'); } }) </script> </body> </html>
效果图: