本文对比window.onload与jQuery的$(function())执行时机。前者需等待DOM及图片等所有资源加载完成,后者在DOM结构解析完毕后即可执行。理解差异有助于优化脚本加载顺序与页面响应速度。
window.onload与$(function())执行时机对比
代码如下:
window.onload=function{} 该方式表示需等待页面完全加载完毕(包括DOM元素及JS脚本等资源)后,再执行函数体内的代码;
代码如下:
$(function(){}) 该方式表示在页面DOM结构加载完成后,即可执行函数体内的代码;