Question

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

提前感谢。

Answer 1

您可以使用以下方法执行此操作：

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

<body>

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

</body>

Answer 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">

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

2 个答案: