2015-06-27 50 views
2
$(window).load(function(){ 
// executes when complete page is fully loaded, 
//including all frames, objects and images 
} 

这是什么意思“图像”?这是否意味着“在CSS中设置的背景图像”和“通过img标签在文档中设置的图像”?窗口加载函数完全加载图像?

+0

.load将等到您的浏览器开始下载所有文件。这意味着所有资源都将在DOM中准备就绪。如果背景图片对于当前页面是必需的,那么它们也会被下载,并且您还将能够操纵jquery中的css背景属性。 –

回答

2

在这里,你去。

load事件在文档加载过程结束时触发。此时,文档中的所有对象都位于DOM中,并且所有图像,脚本,链接和子帧都已完成加载。

GlobalEventHandlers.onload

这包括CSS背景图像,如果它们是当前的DOM的一部分。

要安全地执行Javascript代码来操作DOM元素,不必等待整个页面加载。您可以使用$(document).ready(),它只会在DOM准备就绪时运行,但不会在任何情况下包含图像,iframe,脚本和样式表。

Here你可以找到更多的信息。

+0

感谢大卫的解释。我们什么时候需要预加载器?我们真的需要它吗? – Arumai

+0

如果您想添加预加载器,这取决于您。你不需要,只要确保在DOM没有完全加载之前不要操作DOM内的任何东西。要在页面元素上安全地执行Javascript代码,您可以使用'$(document).ready()'方法。 https://learn.jquery.com/using-jquery-core/document-ready/ – DavidDomain