javascript - evento - Jquery.ready() vs window.onload

jquery ready vs load

Question

Esta pregunta ya tiene una respuesta aquí:

• window.onload vs $ (document) .ready () 15 respuestas

¿Hay alguna ventaja de usar la función Jquery ready () sobre window.onload?

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

Answer 1

Depende de lo que quieras hacer.

• jQuery ready ejecutará su código cuando el HTML esté listo, pero antes de que las imágenes y otros recursos hayan finalizado. Este es el momento más temprano posible en que puede cambiar el DOM con JavaScript, por lo que se usa ampliamente. (En los navegadores modernos se reemplaza por el evento nativo DOMContentLoaded ).
• window.onload (el evento de load ) se ejecuta después de que todo haya terminado de cargarse. Imágenes, Flash y algunos scripts, pero por lo general no hojas de estilo. Use esto para el código que debería ejecutarse solo cuando la página no cambie más.

Además, con window.onload solo puede adjuntar un escucha, pero puede adjuntar tantos como desee con jQuery ready. Para adjuntar más de un evento en window.onload , use addEventListener :

window.addEventListener(''load'', function () {
}, false);

Answer 2

Sí, window.onload le permite tener solo un oyente. jQuery ready adjunta tantos oyentes como quieras.

Answer 3

Windows.onload esperará a que todo se cargue en una página que incluya imágenes. Document.ready se activará tan pronto como se cargue el html.