前端笔记之——ready和onload的区别

$(document).ready()和window.onload在表面上看都是页面加载时我们就去执行一个函数或动作

但是在具体的细节上$(document) ready()和window onload还是有区别的。

最基本的区别

1.执行时间

  window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
  $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。

2.编写个数不同

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

3.简化写法

  window.onload 没有简化写法 
  $(document).ready(function(){}) 可以简写成 $(function(){});


来源:https://www.cnblogs.com/telnetzhang/p/5881027.html

猜你喜欢

转载自blog.csdn.net/weixin_42336774/article/details/87571878