Cuál es la diferencia entre `$ (ventana) .load (función() {})` y `$ (función() {})`

Question

Estaba usando $(window).load(function(){}); para mis proyectos hasta que en algún lugar vi que alguien dijo que podíamos simplemente use $(function(){}); y se realizarían de manera idéntica.
Pero ahora que tengo más experiencia me he dado cuenta de que no son idénticas. Noté que la primera pieza entra un poco después de la segunda parte del código.
Solo quiero saber cuál es la diferencia?

Answer 1

$(document).ready(function(){}) 

a esperar hasta que se cargue el documento (se carga árbol DOM) y no se carga hasta que toda la ventana. por ejemplo, no esperará a que las imágenes, css o javascript se carguen por completo. Una vez que el DOM se carga con todos los componentes HTML y controladores de eventos el documento está listo para ser procesado y luego el $ (document) ready() completará

$(window).load(function(){});

Esta espera a toda la ventana para estar cargado. Cuando se carga la página completa, solo se completa el $ (ventana) .load(). Por lo tanto, obviamente $ (document) .ready (function() {}) termina antes de $ (window) .load() porque llenar los componentes (como images, css) lleva más tiempo que simplemente cargar el árbol DOM.

Así $(function(){}); no puede usarse como un reemplazo para $(window).load(function(){});

Answer 2

$(window).load de mi experiencia espera hasta que todo, incluyendo imágenes se carga antes de ejecutar donde como $(function() {}); tiene el mismo comportamiento que $(document).ready(function() {});

Por favor que alguien me corrija si estoy equivocado.

Answer 3

El segundo es/era un atajo para $(document).ready(), que debería ejecutarse antes del evento de carga de window.

Tenga en cuenta que $(document).ready() es la forma preferida de vincular algo a document carga; hay otras maneras de hacerlo como la que mostró, pero es preferible.

Answer 4

Desde el jQuery docs en sí.

La primera cosa que los programadores más de Javascript terminan haciendo es añadir algo de código para su programa, similar a esto:

window.onload = function(){ alert("welcome"); } 

Dentro de los cuales es el código que desea ejecutar la derecha cuando se carga la página . Sin embargo, es problemático que el código JavaScript no se ejecute hasta que todas las imágenes hayan terminado de descargarse (esto incluye anuncios publicitarios). La razón para usar window.onload en primer lugar es que el 'documento' HTML aún no se ha terminado de cargar, cuando intenta ejecutar su código por primera vez.

burlar tanto problemas, jQuery tiene una declaración simple que comprueba el documento y espera hasta que esté listo para ser manipulado, conocido como el evento ready:

$(document).ready(function(){ 
    // Your code here 
}); 

Ahora,

$(window).load(function(){}); es igual a window.onload = function(){ alert("welcome"); }

Y, $(function(){}); es un acceso directo a $(document).ready(function(){ });

pienso, esto borra todo :)