Question

我有一个简单的HTML页面，其中包含一些JavaScript。 JavaScript在正文中启动onLoad。身体也有背景图像。 JavaScript在加载背景图像之前启动。有没有办法让身体onLoad等待身体背景图像加载？

<body background="http://xxx.com/xxx.jpeg" id="myBody" onload="pageLoaded()">

Answer 1

如果要确保在加载所有图像后启动脚本，请使用

$(window).load(function() {
//.......................
});

此事件只会在加载所有脚本，css，js，图像后触发，而不像$(document).ready();

Answer 2

您可以尝试使用

jQuery(window).load(function() {
     //your code here
});

jQuery(document).ready(function() {
     //your code here
 });

但我不认为是否会考虑背景图片加载。一种更有效的方法是使用这个jQuery插件：

您可以将jQuery函数调用为：

jQuery('body').waitForImages(function() {
    //your code here
});

希望这可以帮助你：）

Answer 3

<script>
$(document).ready(pageLoaded)
</script>

Answer 4

或者听DOM准备without jQuery