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

我有一个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属性中有一个hideLoading，您的加载在第一次加载iframe后被隐藏。然后更改iframe，但就像加载图标不在iframe中一样，它不再显示。更改iframe时，请尝试再次显示它

你实际上是：

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

你应该做：

• 加载iframe，第一次显示加载图标
• 显示iframe时，隐藏加载（onload属性中的hideLoading方法）
• 更改iframe源：在更改iframe之前，再次显示加载图标

---

感谢您的快速响应，但您能否指定如何执行此操作？我没有那么丰富的经验，所以一点示例代码将非常方便。。提前谢谢！