iframe锚点跳转新标签页空白 咨询无需allow-scripts的替代方案

你的理解是否正确？ #

没错，你的理解完全正确。从沙箱化的iframe中打开新窗口时，新窗口会继承原iframe的沙箱限制——浏览器会默认将iframe的sandbox规则应用到这个新打开的页面上。由于你的iframe没有设置allow-scripts权限，新页面的所有脚本执行都会被阻止，这就是页面空白的直接原因。

替代解决办法 #

1. 将锚点移至iframe外部 #

直接把<a>标签从iframe内部挪到主页面中，这样跳转是从主页面上下文发起的，不受iframe沙箱规则约束，新窗口能正常加载脚本。
示例代码：

<iframe class="active" scrolling="no" src="{bodyUrl}" sandbox="allow-top-navigation allow-same-origin allow-forms allow-popups"></iframe>
<a data-fr-linked="true" href="https://example.com/new/Home/Link?te=st" id="isPasted" target="_blank">Navigate</a>

2. 主页面监听iframe内点击，手动触发跳转 #

如果锚点必须留在iframe内，可以在主页面中监听iframe的点击事件，捕获到目标锚点的点击后，在主页面环境中用window.open()打开链接。
注意：此方法要求iframe的src与主页面同源（你已设置allow-same-origin，满足条件）。
示例代码（主页面JS）：

const targetIframe = document.querySelector('.active');
targetIframe.contentWindow.addEventListener('click', (event) => {
  if (event.target.id === 'isPasted') {
    event.preventDefault();
    window.open(event.target.href, '_blank');
  }
});

3. 添加allow-popups-to-escape-sandbox沙箱权限 #

给iframe的sandbox属性添加allow-popups-to-escape-sandbox，这个权限可以让从iframe弹出的窗口脱离原沙箱限制，无需给iframe添加allow-scripts即可让新页面正常执行脚本。现代浏览器（如Chrome）均支持该属性。
修改后的iframe代码：

<iframe class="active" scrolling="no" src="{bodyUrl}" sandbox="allow-top-navigation allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox">
  <a data-fr-linked="true" href="https://example.com/new/Home/Link?te=st" id="isPasted" target="_blank">Navigate</a>
</iframe>

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