window.onload和$(document).ready区别

2019-09-08 893 阅读1分钟

window.onload是内置的JavaScript事件。
$(document).ready是一个jQuery函数。

执行时间

window.onload必须等到页面内包括图片的所有内容加载完毕后再去执行。
$(document).ready()等到DOM结构加载完毕后就执行，不必等到所有内容加载完毕。

执行个数

window.onload只执行一个，若有多个会被覆盖。
$(document).ready()可同时编写多个，并且可以得到执行。

简写

$(document).ready(function(){})可简写为$ (function(){})
window.onload没有简化写法

document.onDOMContentLoaded

document.onDOMContentLoaded在页面中触发DOMContentLoaded事件时触发。此时，文档被加载和解析，并且DOM被完全构造，但链接的资源（例如图像，样式表和子帧）可能尚未被加载。