page load function-优快云博客

本文详细解释了JavaScript中$(window).load(), $(document).ready()及$(window).unload()三种加载方式的区别。$(window).load()在页面及其所有内容加载完毕后触发；$(document).ready()则在浏览器能够运行JavaScript时立即触发；而$(window).unload()则在用户离开页面时触发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(window).load();

Will execute after the page along with all its contents are done loading. This means that all images, CSS (and content defined by CSS like custom fonts and images), scripts, etc. are all loaded. This happens event fires when your browser's "Stop" -icon becomes gray, so to speak. This is very useful to detect when the document along with all its contents are loaded.

$(document).ready();

This on the other hand will fire as soon as the web browser is capable of running your JavaScript, which happens after the parser is done with the DOM. This is useful if you want to execute JavaScript as soon as possible.

$(window).unload();

This event will be fired when you are navigating off the page. That could be Refresh/F5, pressing the previous page button, navigating to another website or closing the entire tab/window.

To sum up, ready() will be fired before load(), and unload() will be the last to be fired.

转载于:https://www.cnblogs.com/SeeSeeCloudIsFar/p/5787779.html