$(document).ready(function(){})和$(window).load(function(){})的区别

分类: IT文章 • 2023-03-24 17:24:31

页面加载完成有两种状态：

1、Ready:表示文档结构已经加载完成，不包含图片等非文字媒体文件，在Dom节点创建完成后执行，如果有多个定义则依次执行

$(document).ready(function(){})简写为$().ready(function(){})

$(document).ready(function(){})等价于$(function(){})

2、Onload:在页面所有资源加载完后执行，包含图片等文件在内的所有元素都加载完成，如果有多个定义则只执行最后一个

$(window).load(function(){})等价于window.onload=function(){}