在iframe中加载页面时显示图像

Question

我有一个带菜单的网站，当点击菜单项时，我在iframe中显示该菜单的页面（iframe默认设置为最初显示主页）。有时可能需要几秒钟才能显示所选菜单项的页面（例如报告），我想在页面加载时显示加载图像。如何使用javascript或jQuery（示例代码将有所帮助）？提前谢谢。

Answer 1

将加载图片添加到iframe innerHTML（或div并使用iframe停止），然后使用ajax获取新的页面内容，成功iframe innerHTML成为ajax女巫提取的内容覆盖加载图片。易于设置，但我建议你停止使用iframe

Answer 2

通常您无法知道页面何时在iframe中加载完毕。 iframe加载是独立的。你可以做的是通过ajax get请求获取你在iframe中拥有的页面内容，并以这种方式在你等待内容时做一个动画。

Answer 3

编写一个函数来显示图像，并在设置iframe src时调用它。加载页面时从加载页面内调用隐藏图像的函数（parent.HideImage） 我认为所有浏览器都不支持iframe的onload事件