我有一个简单的HTML页面,里面包含一些JavaScript。JavaScript在body的onLoad中启动。body还有一个背景图像。在背景图像加载之前,JavaScript就已经启动了。是否有一种方法让body的onLoad等待body背景图片加载完成再启动?
<body background="http://xxx.com/xxx.jpeg" id="myBody" onload="pageLoaded()">
我有一个简单的HTML页面,里面包含一些JavaScript。JavaScript在body的onLoad中启动。body还有一个背景图像。在背景图像加载之前,JavaScript就已经启动了。是否有一种方法让body的onLoad等待body背景图片加载完成再启动?
<body background="http://xxx.com/xxx.jpeg" id="myBody" onload="pageLoaded()">
$(window).load(function() {
//.......................
});
这个事件只会在所有脚本、CSS、JS和图片都加载完毕后触发,不像$(document).ready();
。
jQuery(window).load(function() {
//your code here
});
jQuery(document).ready(function() {
//your code here
});
https://github.com/alexanderdickson/waitForImages
您可以像这样调用jQuery函数:jQuery('body').waitForImages(function() {
//your code here
});
waitForAll
选项,以便插件考虑背景图像。 - alex你试过用JQuery了吗?http://api.jquery.com/ready/
<script>
$(document).ready(pageLoaded)
</script>
$(document).load(pageLoaded);
http://api.jquery.com/load-event/。这会将一个函数附加到页面上的图片和其他元素加载完成时触发的事件上。 - dangerChihuahua007