如何加载图像，直到将文档加载到页面中答案

【问题标题】：How to load a image until a document is loaded into a page如何加载图像，直到将文档加载到页面中
【发布时间】：2011-11-15 04:59:57
【问题描述】：

我正在开发一个网站，我需要将一个 pdf 文档加载到一个页面中。我使用 iframe 在页面中成功加载了文档。但是加载 pdf 文档需要时间，在加载该文档期间，我需要显示“文档正在加载”的消息，直到 pdf 文档完全加载。任何人都可以通过使用java脚本或任何其他方法帮助我解决这个问题。

提前致谢。

【问题讨论】：

你可以试试<iframe onload="document.getElementById('loading').style.display='none'">，如果可行，我们可以从那里拿走

标签： javascript asp.net iframe

【解决方案1】：

你可以使用这个来做到这一点：

<script>
  $(function(){
     $("#loader").html(""); 
     // document loaded successfully
   });
</script>

<body>

<div id='loader'> Document is loading.Please wait...</div>

</body>

【讨论】：

当 iframe 完成加载我们自己无法访问的文档时，它是如何消失的？
@mplungjain...一个您的 pdf 完全加载到浏览器中...然后自动调用准备好的函数..
如果您在页面加载后加载它，例如使用链接，则不会

【解决方案2】：

在屏幕上使用加载 gif，您可以用 Google 搜索。我个人喜欢this。

您可以使用 CSS 将其放置在屏幕中心 absolute 的 div 中。

这是html

<div id='loading'>
    <h2>Loading document please wait...</h2>
    <img src="yourLoadingGif.gif />
</div>

现在对于文档，您可以使用这个 onload 处理程序来清除加载 gif 并显示消息

<iframe onload="document.getElementById('loading').innerHTML=null">

【讨论】：