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

How can I have a loading icon appear before an iframe is comepletely loaded?

本文关键字：加载显示图标 iframe 更新时间：2023-09-26

我正试图弄清楚如何显示加载图标，并在加载后切换到iFrame。有onclick之类的函数吗？

基本上，我试图实现的是出现一个div，上面写着"Loading…"，一旦iFrame完全加载页面，就会显示iFrame。如何做到这一点？

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

当iframe加载时，它的背景应该是透明的，并且图标应该显示出来。

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