无法阻止加载iframe

Posted 2021-05-06

我无法阻止加载iframe。有类似的问题，但没有一个解决方案确实有效。

我创建了一个页面，其中包含iframe和两个按钮。当点击第一个按钮设置src属性时，第二个按钮试图通过调用来阻止iframe加载：

    f.src = 'about:blank';
    f.contentWindow.stop();

代码在这里https://glitch.com/edit/#!/heavenly-bathtub

你可以在这里玩https://heavenly-bathtub.glitch.me/

当iframe加载页面非常慢时，问题是可见的。这可以在Chrome中模仿，例如通过“网络”标签。步骤如下：

1. 导航到https://heavenly-bathtub.glitch.me/
2. 在Chrome中，转到“网络”标签，然后从速度预设中选择“慢速3G”。
3. 确保您可以看到控制台
4. 单击“开始加载”，然后立即单击“停止加载”
5. 您可以看到页面仍在框架中加载！

答案

你需要实际阻止加载吗？您是否可以完全删除iframe或完全导航到其他页面？