当页面加载到iframe时显示图像

Question

我有一个带菜单的网站，点击菜单项时，我在iframe中显示该菜单的页面（默认情况下，iframe设置为初始显示主页）。有时可能需要几秒钟才能显示所选菜单项的页面（例如报告），并且我希望在页面加载时显示加载图像。如何使用JavaScript或jQuery来做到这一点（示例代码会有帮助）？提前致谢。

Answer 1

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

Answer 2

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

Answer 3

通常你不能知道页面何时完成加载iframe中。 iframe加载是独立的。你可以做的是通过ajax get请求获取iframe中的页面内容，并以这种方式在等待内容时做动画。