更改 iframe 中的内容时，加载图标不会重新出现

Loading icon does not reappear when content in iframe is changed

本文关键字：图标 加载 新出现 iframe 更改      更新时间：2023-09-26

我有一个显示图形的iframe，由表单控制。我已经包含在脚本中，以便在加载 iframe 时显示加载 gif。但是，此 gif 仅在首次加载 iframe 时出现。但是，当我在表单中进行更改以显示我想查看的数据时，iframe 会重新加载以显示新图形，但"加载"gif 不会再次出现。我该如何解决这个问题？这是我已经拥有的用于加载 gif 的代码：

<form id="form1" runat="server">
    <div id="divLoading">
    <img src="images/loading.gif" alt="" />
    </div>
    <div id="divFrameHolder" style="display:none"> 
<iframe src="grafiek.php" width="800" height="400" name="grafiek" onload="hideLoading()" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" align="middle" allowtransparency="true"></iframe>

由于 iframe 的 onload 属性中有 hideLoad，因此在第一次加载 iframe 后，您的加载是隐藏的。然后你更改了 iframe，但就像加载图标不在 iframe 中一样，它不再显示。尝试在更改 iframe 时再次显示它。

您实际上会：

    加载
  • iframe，首次显示加载图标
  • 当显示 iframe 时，隐藏加载（在 onload 属性中隐藏加载方法）
  • 更改 iframe 源：图标不再显示，因此不显示

你应该做：

    加载
  • iframe，首次显示加载图标
  • 当显示 iframe 时，隐藏加载（在 onload 属性中隐藏加载方法）
  • 更改 iframe 源：在更改 iframe 之前，再次显示加载图标
相关文章：