javascript - iframe 完成加载后加载指示器保留在 Firefox 中

标签 javascript html firefox load

我在页面主体中放置了一个 iframe,如下所示:

<iframe src="about:blank" onload="this.contentWindow.document.write('some text')">

它运行良好,onload 事件用“一些文本”替换了 iframe 的内容,仅此而已。

但在 Firefox 中,它会导致旋转轮“加载指示器”向您显示正在加载的页面永远不会消失。只有文本被插入到 iframe 中,因此没有其他内容等待加载。当我从页面中删除 iframe 时,问题就解决了,所以我知道,是上述 iframe 导致的。

它在 IE 和 Chrome 中正常工作。

现在,我可以做这样的事情:

 <iframe src="about:blank" onload="this.contentWindow.document.write('some text'); t.contentWindow.stop();">

这修复了 Firefox 中的问题,但它阻止了 iframe 中的任何图像加载(我没有在示例插入文本中使用任何图像,但稍后会添加它们)。

那么,我该如何解决这个问题?

最佳答案

确保调用 this.contentWindow.document.close();写入 iframe 后。

关于javascript - iframe 完成加载后加载指示器保留在 Firefox 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18353292/

相关文章:

javascript - 遍历表行并获取行中的每个值 - 发现错误?

css - 绝对定位元素的高度差异(Firefox 与 Chrome),内部带有 float 、clearfix、负边距

javascript - 三.js DirectionalLight和阴影 chop

javascript - 在 body 上使用 addEventListener 绑定(bind)滚动事件不起作用。为什么?

javascript - 如何通过参数传递函数名称以用作 onclick 事件监听器?

javascript - 如何在 TypeScript 中动态添加项目到元组?

javascript - 使用 jquery 查找父容器的子容器

jquery - 防止 div 在位置 :absolute div 重叠

css - Firefox 错误或错误的 flex 样式?

html - Flexbox 内容在 Firefox 中溢出