是否可以在页面开始加载之前显示加载gif/image

Is it possible to show a loading gif / image BEFORE the page starts loading

本文关键字：加载显示 gif image 开始是否更新时间：2023-09-26

我目前实现的解决方案也是网上最流行的解决方案。在实际页面上方添加一个div，并将这个div（或其内部的图像）设置为width&height 100%，或者先让有实际内容的div有display:none。

这有一个问题。。加载gif需要一段时间。。我希望这是第一个显示和加载的东西，在任何其他加载发生之前。。

正如你也可以在这里的现场演示中看到的那样；加载图像需要一段时间。。。

演示：http://www.netavatar.co.in/demos/loading-image/loadingimage.html

http://www.netavatar.co.in/2011/05/31/how-to-show-a-loading-gif-image-while-a-page-loads-using-javascript-and-css/

HTML按照元素在标记中的显示顺序加载元素，因此您所遵循的解决方案是您可以使用的最佳解决方案。总是会有延迟，因为即使是加载图像也需要时间来加载，这就是你所看到的。