window.onload 与 jQuery ready() 的区别

window.onload 与 jQuery ready() 的区别

前言

一直以为window.onload和JQuery ready是同一个东西，实则不然。

以上两种方式都是在 HTML 文档完毕后再执行 DOM 操作，但它们还是有一定的区别。

语法

window.onload = function () {};    // JavaScript 
$(document).ready(function () {}); // jQuery

区别

	window.onload	$(document).ready()
执行时机	必须等待网页全部加载完毕（包括图片等），然后才执行包裹的代码	只需要等待网页中的DOM结构加载完毕，就能执行包裹的代码
执行次数	只能执行一次，如果有第二次，那么第二次会覆盖掉第一次	可以执行多次，不会被覆盖
简写	无	$(function() {});