前段時間給客戶做過一個網(wǎng)站，快完工時客戶要求增加幾個站外鏈接。起初我們肯定會以為非常簡單的事情，幾秒鐘搞定？
后面真正加上他們提供的幾個鏈接后，客戶發(fā)現(xiàn)，點擊鏈接卻顯示空白，看瀏覽器上的網(wǎng)址鏈接卻沒有任何問題。
懵了，第一時間我感覺會是外站有做一定的安全措施。
基本表現(xiàn)為，你直接使用鏈接是可以訪問。而如果你想從你的網(wǎng)站上鏈接他們的網(wǎng)址，則會被做一點安全屏蔽防護(hù)。
【排查故障】
1、F12查看，貌似也沒啥毛病
2、οnclick=”window.location.href= ” 也無法正常訪問
3、直接復(fù)制鏈接到瀏覽器，Enter 沒毛病，能正常訪問
你說氣人不？
【原因】
其實有些大型點的門戶網(wǎng)站，會做一定的防護(hù)措施，例如防止釣魚、攻擊，一般也會配合服務(wù)器端進(jìn)行雙層處理。
【解決方案】
a標(biāo)簽中添加一個rel屬性，rel=”noopener noreferrer”
舉個例子：

<a href=”目標(biāo)鏈接” target=”_blank” rel=”noopener noreferrer”>
<span>了解更多</span>
</a>

這樣就完美解決了a標(biāo)簽跳轉(zhuǎn)超鏈接為空白頁的問題，博客里做個記錄，也方便網(wǎng)友參考借鑒。