【问题标题】:How can I have a loading icon appear before an iframe is comepletely loaded?如何在 iframe 完全加载之前显示加载图标?
【发布时间】:2011-06-28 00:51:43
【问题描述】:

我试图弄清楚如何显示加载图标并在加载后切换到 iFrame。有onclick之类的功能吗?

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

【问题讨论】:

    标签: javascript jquery css iframe load


    【解决方案1】:

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

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

    【讨论】:

      【解决方案2】:

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

      【讨论】:

        猜你喜欢
        • 2011-12-05
        • 1970-01-01
        • 2016-01-06
        • 2017-05-26
        • 2020-03-08
        • 1970-01-01
        • 2012-02-27
        • 2015-08-31
        • 1970-01-01
        相关资源
        最近更新 更多