首页 > 代码库 > (2)window.load和ready的区别

(2)window.load和ready的区别

  1、执行时机:

window.onload:必须等待网页全部加在完毕(包括图片等),然后再执行包裹代码

$(document).ready():只需要等待网页中的DOM结构加载完毕,就能执行包裹的代码


  2、执行次数:

window.onload:只执行一次,如果第二次,那么第一次的执行会被覆盖

      $(document).ready():可以执行多次,第N次都不会被上一次覆盖


  3、简写方案:

window.onload

$(document).ready()$(function (){

});


现实中很少用window.onload,因为要页面中大型元素加载完毕才能执行js代码,在网速较慢的情况下,页面已经全面展开但是图片却还在加载,该页面上的JS交互功能全部处于假死状态,并且只能执行单词在多次开发和团队开发中会带来一些困难。