a标签属性 rel=noopener noreferrer

本文主要是介绍a标签属性 rel=noopener noreferrer，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

当你浏览一个页面点击一个a标签链接跳转到另一个页面时，

<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>

在 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;

使用 window.open 打开页面，手动将 opener 设置为 null。

这篇关于a标签属性 rel=noopener noreferrer的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---