前段时间给客户做过一个网站，快完工时客户要求增加几个站外链接。起初我们肯定会以为非常简单的事情，几秒钟搞定？
后面真正加上他们提供的几个链接后，客户发现，点击链接却显示空白，看浏览器上的网址链接却没有任何问题。
懵了，第一时间我感觉会是外站有做一定的安全措施。
基本表现为，你直接使用链接是可以访问。而如果你想从你的网站上链接他们的网址，则会被做一点安全屏蔽防护。
【排查故障】
1、F12查看，貌似也没啥毛病
2、οnclick=”window.location.href= ” 也无法正常访问
3、直接复制链接到浏览器，Enter 没毛病，能正常访问

你说气人不？

【原因】
其实有些大型点的门户网站，会做一定的防护措施，例如防止钓鱼、攻击，一般也会配合服务器端进行双层处理。
【解决方案】
a标签中添加一个rel属性，rel=”noopener noreferrer”
举个例子：

<a href=”目标链接” target=”_blank” rel=”noopener noreferrer”>
<span>了解更多</span>
</a>

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