当你浏览一个页面点击一个a标签链接跳转到另一个页面时,
1 | <a href="http://www.baidu.com" target="_blank">百度</a> |
在新打开的页面(http://www.baidu.com)中可以通过 window.opener 获取到源页面的部分控制权,即使新打开的页面是跨域的也照样可以(例如 location 就不存在跨域问题)。
rel=noopener 新特性
1 | <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">百度</a> |
在 Chrome 49+,Opera 36+,打开添加了 rel=noopener 的链接, window.opener 会为null。在老的浏览器中,可以使用 rel=noreferrer 禁用HTTP头部的Referer属性,使用下面JavaScript代替 target=’_blank’ 来解决此问题:
1 2 3 | var otherWindow = window.open('http://www.baidu.com'); otherWindow.opener = null; otherWindow.location = url; |
使用 window.open 打开页面,手动将 opener 设置为 null。