Javascript 加载所有图像后加载页面_Javascript_Onload

Javascript 加载所有图像后加载页面

javascript

Javascript 加载所有图像后加载页面,javascript,onload,Javascript,Onload,我的背景图像相当大。当我的页面加载时，HTML在背景图像加载到页面之前呈现。我想背景图像是第一件事是加载到页面上，然后HTML。现在它看起来很奇怪，因为没有背景图像，文本会向上推，当背景图像加载时，文本会被推到其常规位置（看起来不太专业） javascript中是否有实现这一点的方法谢谢我认为预加载图像并不能解决您的问题，因为您希望在向用户显示HTML文档之前加载图像我没有一个确切的解决方案，但我所做的是在页面加载时向用户显示加载图像，然后在主体和图像完全加载时隐藏加载图像。这样做

我的背景图像相当大。当我的页面加载时，HTML在背景图像加载到页面之前呈现。我想背景图像是第一件事是加载到页面上，然后HTML。现在它看起来很奇怪，因为没有背景图像，文本会向上推，当背景图像加载时，文本会被推到其常规位置（看起来不太专业）

javascript中是否有实现这一点的方法

谢谢

我认为预加载图像并不能解决您的问题，因为您希望在向用户显示HTML文档之前加载图像

我没有一个确切的解决方案，但我所做的是在页面加载时向用户显示加载图像，然后在主体和图像完全加载时隐藏加载图像。这样做

    <body onLoad="document.getElementById('mydiv').setAttribute('style','display:none');">
    <div id=mydiv style="position:absolute;top:0px;left:0px;width:100%;height:100%>
<center> <img src="loading.png>
</center>
</div>


    <!-- Other HTML content here -->

    </body>


您可以编写javascript，在加载所有内容后将页面的其余部分添加到DOM中。
这是使用jQuery可以做的最简单的事情之一
然而，我不明白这有什么意义。作为一个用户，我不希望你对我这样做。
可能的重复在StackOverflow上有很多很多图像预加载的例子（相当多的例子使用jQuery）。“现在看起来很奇怪，因为没有背景图像，文本会被推上，当背景图像被加载时，所有文本都会被推到其常规位置”为什么会这样？背景图像不应该影响主文本的位置。背景图像不是整个页面的背景。中间的某一部分是背景。因此，当页面加载时，它下面的所有文本都会向上推，直到图像加载为止。很抱歉没有成为超级clearjQuery，它在这种情况下运行得非常好。：）