window.onload与$(function(){})执行时机详解

作者:青柠

时间:2026-10-28

浏览:361

本文对比window.onload与jQuery的$(function())执行时机。前者需等待DOM及图片等所有资源加载完成,后者在DOM结构解析完毕后即可执行。理解差异有助于优化脚本加载顺序与页面响应速度。

文章目录

window.onload与$(function())执行时机对比

代码如下:

 
window.onload=function{}

该方式表示需等待页面完全加载完毕(包括DOM元素及JS脚本等资源)后,再执行函数体内的代码;


代码如下:

 
$(function(){})

该方式表示在页面DOM结构加载完成后,即可执行函数体内的代码;

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章