window.onload和$的区别介绍

Posted 2023-05-03

你说的$一般是代表jQuery对象。
onload是html原生事件，用jQuery的时候则一般使用$(document).ready()，两者的区别有：
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
$(document).ready()可以同时编写多个，并且都可以得到执行

3.简化写法
window.onload没有简化写法
$(document).ready(function())可以简写成$(function()); 参考技术A 额，这二者没联系吧。。。
你是不是想问window.onload与$(document).ready()的区别？

window.onload实在整个网页加载完毕之后执行，也就是说包括图片这些全部加载完毕才会执行，而$(document).ready()是在网页的DOM树加载完毕就执行，不包括图片、脚本、样式层叠表这些。

$(document).ready和window.onload,细微小区别,ready是jQuery的方法,onload是window的方法

$(document).ready和window.onload的区别

$(document).ready和window.onload都是在都是在页面加载完执行的函数，大多数情况下差别不大，但也是有区别的。

$(document).ready:是DOM结构绘制完毕后就执行，不必等到加载完毕。 意思就是DOM树加载完毕，就执行，不必等到页面中图片或其他外部文件都加载完毕。并且可以写多个.ready。

window.onload:是页面所有元素都加载完毕，包括图片等所有元素。只能执行一次。