Javascript 加载iFrame的GIF

我有一个iFrame，在加载内容时显示加载的gif。它加载的内容只是由我的php脚本生成的PDF下载。问题是，即使在pdf下载之后，它也不会停止显示加载栏

这是我的密码：

<script type="text/javascript"> 
      function hideLoading() { 
           document.getElementById('divLoading').style.display = "none"; 
        document.getElementById('divFrameHolder').style.display = "block"; 
       } 
</script> 


<div id="divLoading"> 
    <img src="img/ajax-loader.gif" alt="" /> 
</div> 
<div id="divFrameHolder" style="display:none"> 
    <iframe src="http://example.com/pdf.php?o=<?php echo $order_number; ?>" onload="hideLoading()" frameborder="0"> 

    </iframe> 
</div>

函数hideLoading（）{
document.getElementById（'divLoading'）.style.display=“无”；
document.getElementById（'divFrameHolder'）.style.display=“block”；
} 
按照编写
hideLoading（）
的方式，它希望该函数位于iframe内部，而不是包含该函数的窗口中。如果iframe与包含文档位于同一域中，则可以使用如下代码调用包含文档中的函数：

onload="window.parent.hideLoading();"

这应该按预期工作，您看到iframe了吗？是的iframe显示加载的gif。问题是当下载开始时它不会消失这里发生了什么：？当您看不到pdf时，您使用的是哪种浏览器？pdf不应显示在iframe中，而只是下载。因此，我希望它在下载开始后立即停止显示gif