rel="noopener"在IE11是否支持_外链安全打开兼容写法【详解】-html教程-PHP中文网

ie11不支持rel="noopener"，需js兜底实现安全跳转；其忽略该属性，仍保留window.opener，存在钓鱼风险，必须通过window.open后置null或动态js控制来修复。

rel=

IE11 不支持 rel="noopener"，但加了也不会报错；真正需要的是 fallback 逻辑或 polyfill 级别的兜底，而不是硬塞一个无效属性。

IE11 对 `rel="noopener"` 的实际表现

IE11 完全忽略 rel="noopener"，既不启用安全隔离，也不抛错。这意味着：target="_blank" 链接在 IE11 中默认仍会继承 window.opener，攻击者可通过 window.opener.location = "https://evil.com" 重定向原页面——这是真实可利用的钓鱼链路。

验证方式很简单：在 IE11 控制台执行 console.log(window.opener)，打开带 target="_blank" 的链接后，该值非 null。

Chrome 49+、Firefox 52+、Edge 79+、Safari 12.1+ 均原生支持 noopener
IE11 是唯一主流但不支持的浏览器，且无计划修复（微软已终止支持）
rel="noreferrer" 在 IE11 中虽被解析，但仅影响 Referer 头，不切断 window.opener，所以不能替代 noopener

兼容写法：不要只靠 HTML 属性

单纯在 <a></a> 标签里写 rel="noopener noreferrer" 对 IE11 无效。必须配合 JS 补偿：

BgRem

BgRem是一款AI文本写作工具，无水印AI视频背景移除。

下载

对所有含 target="_blank" 的外链，用 JS 动态设置 rel 并监听点击，调用 window.open() 替代原生跳转
在新页面中主动执行 window.opener = null（注意：只能在新页面 JS 中运行，且需确保脚本在 window.opener 被访问前执行）
若使用 window.open(url, "_blank")，必须显式传入 features 字符串并确保不含 opener（IE11 下即使不传 features，默认也会带 opener）

示例（安全跳转封装）：

function safeOpen(url) {
  if (window.navigator.userAgent.indexOf("MSIE ") > -1 || window.navigator.userAgent.indexOf("Trident/") > -1) {
    const win = window.open("", "_blank");
    win.opener = null;
    win.location = url;
  } else {
    window.open(url, "_blank", "noopener,noreferrer");
  }
}