a标签如何跳转新页面（a标签可以跳转到外部站点的页面例如跳转到新浪网首页）



前段时间给客户做过一个网站，快完工时客户要求增加几个站外链接。起初我们肯定会以为非常简单的事情，几秒钟搞定？ 后面真正加上他们提供的几个链接后，客户发现，点击链接却显示空白，看浏览器上的网址链接却没有任何问题。 懵了，第一时间我感觉会是外站有做一定的安全措施。 基本表现为，你直接使用链接是可以访问。而如果你想从你的网站上链接他们的网址，则会被做一点安全屏蔽防护。 【排查故障】 1、F12查看，貌似也没啥毛病 2、οnclick=”window.location.href= ” 也无法正常访问 3、直接复制链接到浏览器，Enter 没毛病，能正常访问 你说气人不？ 【原因】 其实有些大型点的门户网站，会做一定的防护措施，例如防止钓鱼、攻击，一般也会配合服务器端进行双层处理。 【解决方案】 a标签中添加一个rel属性，rel=”noopener noreferrer” 举个例子：

<a href=https://www.bilibili.com/read/cv/”目标链接” target=”_blank” rel=”noopener noreferrer”> <span>了解更多</span> </a>

这样就完美解决了a标签跳转超链接为空白页的问题，博客里做个记录，也方便网友参考借鉴。

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/bcyy/56175.html