欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

target=_blank 在新标签页打开页面安全问题解决

程序员文章站 2022-04-29 23:33:15
...

一、原生JavaScript解决

function openUrl(url) {
  const newTab = window.open();
  newTab.opener = null;
  newTab.location = url;
}

二、a标签 rel="noreferrer noopener" 属性解决

<a href="https://www.baidu.com" target="_blank" rel="noopener noreferrer">
  百度
</a>

a标签的rel="noopener" 存在浏览器兼容性问题,推荐使用原生JavaScript解决

target=_blank 在新标签页打开页面安全问题解决