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

Question

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

基本上我要完成的是让div出现“正在加载...”，一旦iFrame完全加载页面就会显示iframe。怎么办呢？

Answer 1

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

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

Answer 2

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