javascript - 为 iFrame 加载 GIF

Question

我有一个 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>

Answer 1

按照您编写 hideLoading() 的方式，它希望该函数在 iframe 中，而不是在包含窗口中。如果 iframe 与包含文档位于同一域中，则您可以使用如下代码调用包含文档中的函数:

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