当你浏览一个页面点击一个a标签链接跳转到另一个页面时，
<a href=”http://www.baidu.com” target=”_blank”>百度</a>
|
1
|
<a href=“http://www.baidu.com” target=“_blank”>百度</a>
|
在新打开的页面（http://www.baidu.com）中可以通过 window.opener 获取到源页面的部分控制权，即使新打开的页面是跨域的也照样可以（例如 location 就不存在跨域问题）。
rel=noopener 新特性
<a href=”http://www.baidu.com” target=”_blank” rel=”noopener noreferrer”>百度</a>
|
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’ 来解决此问题：
var otherWindow = window.open(‘http://www.baidu.com’); otherWindow.opener = null; otherWindow.location = url;
|
1
2
3
|
var otherWindow = window.open(‘http://www.baidu.com’);
otherWindow.opener = null;
otherWindow.location = url;
|
使用 window.open 打开页面，手动将 opener 设置为 null。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/112485.html原文链接：https://javaforall.net
![clientWidth、offsetWidth等介绍[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
