一、使用a标签
<a href={urlData} target="_blank" rel="noopener noreferrer">
anoopener
</a>
超链接 target="_blank" 要增加 rel=“nofollow noopener noreferrer” 来堵住钓鱼安全漏洞。如果你在链接上使用 target="_blank"属性,并且不加上rel="noopener"属性,那么你就让用户暴露在一个非常简单的钓鱼攻击之下。
当你浏览一个页面点击一个a标签连接 跳转到另一个页面时,
在新打开的页面(baidu)中可以通过 window.opener获取到源页面的部分控制权, 即使新打开的页面是跨域的也照样可以(例如 location 就不存在跨域问题)。
二、使用window.open
在chrome 49+,Opera 36+,打开添加了rel=noopener的链接, window.opener 会为null。在老的浏览器中,可以使用 rel=noreferrer 禁用HTTP头部的Referer属性,使用下面JavaScript代替target=’_blank’ 的解决此问题:
使用 window.open 打开页面,手动把opener设置为null。
<button
onClick={() => {
const url = urlData;
var otherWindow = window.open("www.bb.fddf");
otherWindow.opener = null;
otherWindow.location = url;
}}>
window.open
</button>