jQuery新窗口打开外链接
2019/6/27 22:15:16
本文主要是介绍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新窗口打开外链接,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对找一找教程网网站的支持!
这篇关于jQuery新窗口打开外链接的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-28Vue CLI资料入门教程
- 2024-11-28Vue CLI资料:新手入门指南
- 2024-11-28Threejs的三维坐标系
- 2024-11-27AntDesignVue入门指南:轻松搭建美观的Vue项目
- 2024-11-27Egg.js入门指南:新手必备的零基础教程
- 2024-11-27Hotkeys.js开发入门教程
- 2024-11-27Ant Design Vue入门指南:轻松搭建美观界面
- 2024-11-27Vue3项目实战:从零开始的完整指南
- 2024-11-27Vue CLI多环境配置资料详解
- 2024-11-27Vue3+Vite资料:新手入门教程