$(function(){})和window.onload的异同

Posted 2020-09-29

1.window.onload方法是在网页中所有的元素（包括元素的所有关联文件）完全加载到浏览器后才执行，而$((document).ready()方法在DOM完全就绪时就可以被调用。

2.有的时候我们看到的网站部分图片比例（高度和宽度）不对，而马上就变成正常尺寸了，就是由于尺寸是后被加载来的。

3.若想要和window.onload一样的效果，jquery可以用$(window).load(functiion(){//编写代码})等价于javascript的window.onload=function(){//编写代码}

4.window.onload只能加载一次，如果写两次，第二次会覆盖第一次，而$(document).ready()则可以写多次，按顺序由上到下执行

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