如何在iframe加载完成之前显示加载图标?

我正在试图弄清楚如何显示加载图标并在加载后切换到iFrame。 是否有某些function,如onclick或其他什么?

基本上我想要完成的是让div显示“正在加载…”,一旦iFrame完全加载页面显示iframe。 如何才能做到这一点?

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

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

在加载iframe时,其背景应该是透明的,图标应该显示出来。