Loading GIF for iFrame

Loading GIF for iFrame

本文关键字：iFrame for GIF Loading      更新时间：2023-09-26

我有一个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()的方式，它希望该函数在 iframe 内，而不是在包含窗口中。 如果 iframe 与包含文档位于同一域中，则可以使用如下代码调用包含文档中的函数：

onload="window.parent.hideLoading();"
相关文章：