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交互功能所有处于假死状态。而且仅仅能运行单词在多次开发和团队开发中会带来一些困难。

原文地址:https://www.cnblogs.com/zhchoutai/p/7266875.html