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();"

正在为iFrame加载GIF

1 个答案: