如何无JS实现iframe内外_parent链接均新标签页打开？

不需要修改目标锚点标签本身的代码，也不用在该标签内插入任何内联JavaScript，通过以下配置就能同时覆盖iframe嵌入、站点独立访问两种场景，实现点击链接始终在新标签页打开：

• 首先在网站B的全局范围添加事件委托逻辑：直接在B页面的<head>标签末尾插入一段全局脚本，监听整个页面的点击事件，匹配到目标链接后拦截默认跳转行为，强制用新标签页打开。因为脚本是全局挂载的，没有直接插入到目标锚点标签内部，完全符合规则限制。
  参考实现代码：

  document.addEventListener('click', (e) => {
    // 可根据实际业务调整匹配规则，比如匹配固定href、固定链接文本均可
    const targetLink = e.target.closest('a[href="myHref"]');
    if (!targetLink) return;
    e.preventDefault();
    window.open(targetLink.href, '_blank', 'noopener noreferrer');
  }, true);
  

  这段逻辑在B页面作为独立站点访问时会直接生效，覆盖原有target="_parent"的默认跳转逻辑，点击后直接新开标签页。
• 其次调整网站A中嵌入B页面的iframe权限配置：如果你的iframe之前添加了sandbox属性做权限限制，需要额外补充allow-popups、allow-scripts两个权限值，确保iframe内触发的新标签页打开行为不会被浏览器默认拦截；如果iframe没有配置过sandbox属性，这一步不需要额外操作，默认权限即可支持正常打开新标签页。
  配置参考示例：

  <!-- 原有src等属性保持不变，补充sandbox对应权限即可 -->
  <iframe src="网站B的地址" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
  

补充说明：不要尝试通过<base target="_blank">实现需求，锚点标签本身显式声明的target="_parent"优先级高于base标签的默认target配置，无法覆盖原有跳转逻辑。

内容的提问来源于stack exchange，提问作者dannyxnda