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

How to load a image until a document is loaded into a page

本文关键字：加载 文档 图像 何加载      更新时间：2023-09-26

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

你可以这样做:

<script>
  $(function(){
     $("#loader").html(""); 
     // document loaded successfully
   });
</script>
<body>
<div id='loader'> Document is loading.Please wait...</div>
</body>

在屏幕上使用加载gif你可以谷歌。我个人喜欢这个

你可以把它放在一个div, absolute在屏幕中央的CSS。

这是html

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

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

<iframe onload="document.getElementById('loading').innerHTML=null">
相关文章：