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() {}); |
