2

window,document,jQuery的load和ready分不清
新手搞不太懂,谢谢各位

查看全部 7 个回答

3

我认为主要区别有两个:

  1. window.onload的出发时机是当页面中的内容全部加载到浏览器时。而 jQuery 中的 $(document).ready() 的触发时机为问当中的 DOM 全部加载完时,也就是说,不会等待页面中的图片等资源加载完毕。在 jQuery 中也提供与 window.onload 类似的事件触发方法 $(window).load() ,该方法可以绑定到任意元素上。
  2. 当多次使用 window.onload 时,前面的方法会被后面的覆盖,因此只会执行最后一个。而 jQuery 中的 $(document).ready() 不管使用多少次,都会执行其对应的所有事件函数。

推荐答案

8

3点区别

  • window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行,$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕
  • window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个,$(document).ready()可以同时编写多个,并且都可以得到执行
  • window.onload没有简化写法,$(document).ready(function(){})可以简写成$(function(){})

推广链接