jQuery的$(document).ready() 与$(window).load 区别

最新推荐文章于 2023-05-27 01:36:39 发布

原创最新推荐文章于 2023-05-27 01:36:39 发布 · 263 阅读

0 ·

CC 4.0 BY-SA版权

前端-jQuery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了网页加载过程中的关键步骤，包括域名解析、HTML加载、JS和CSS加载及图片加载等内容。重点对比了$(document).ready()和$(window).load两种jQuery事件触发时机的区别，前者在DOM树构建完成后立即触发，后者则需等待页面所有元素加载完毕。

一般情况下一个页面响应加载的基本顺序是：域名解析 -> 加载html -> 加载js和css -> 加载图片等其他信息。

一、$(document).ready()
从字面的意思上理解，就是文档准备好了。也就是浏览器已经加载并解析完整个html文档，dom树已经建立起来了,然后执行此函数
$(document).ready(function(){
 alert("ready");
});或
$(function(){
 alert("ready");
});

二、$(window).load
在网页中所有元素(包括页面中图片,css文件等所有关联文件)完全加载到浏览器后才执行
$(window).load(function(){
 alert("onload");
});
链接  https://www.jb51.net/article/107111.htm