如何在iframe完全加载之前显示加载图标？

Question

我想弄清楚如何显示加载图标并切换到加载后的iFrame。有没有像onclick之类的功能？

基本上我试图完成的是有一个div显示“正在加载...”，一旦iFrame完全加载页面显示iframe。如何才能做到这一点？

Answer 1

您可以将初始帧内容设置为加载图标的动画gif，然后在AJAX调用中单独加载实际文档。当远程调用完成时，它将用取出的页面替换适当的DOM元素的内容（例如document.body）。

Answer 2

我已经通过在iframe容器的背景图像上设置了一个动画gif（来自Ajaxload）解决了这个问题。唯一需要考虑的是iframe主体应该设置背景颜色。

在加载iframe时，其背景应该是透明的，并且图标应该透明显示。