开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML背景图片OnLoad

问HTML背景图片OnLoad
EN

Stack Overflow用户

提问于 2012-03-03 02:19:47

回答 4查看 7.3K关注 0票数 3

我有一个简单的超文本标记语言页面，里面有一个小JavaScript。JavaScript在主体中启动onLoad。身体也有一个背景图像。在加载背景图像之前，JavaScript将启动。有没有办法让body onLoad等待body背景图像加载？

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

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-03-03 02:27:39

如果您希望确保脚本在加载所有图像后启动，则使用

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

与$(document).ready();不同，此事件仅在加载完所有脚本、css、js和图像后才会触发

票数 5

EN

Stack Overflow用户

发布于 2012-03-03 02:29:57

您可以尝试使用

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

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

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

https://github.com/alexanderdickson/waitForImages

您可以像这样调用jQuery函数：

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

希望本文能对您有所帮助:)

票数 2

EN

Stack Overflow用户

发布于 2012-03-03 02:24:57

你试过用JQuery吗？http://api.jquery.com/ready/

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

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9538361

复制

相似问题