¿Usar en carga o listo?

Question

En mi solicitud estoy usando

$(document).ready() 

¿Cuál es la diferencia entre esto y

$(document).onload() 

Answer 1

El ready se activa cuando sólo el DOM está lista, mientras que se dispara cuando onloadtodos los recursos de la página, incluyendo DOM, imágenes, marcos, etc han cargado.

Ver:

$(document).ready vs. $(window).load

Nota que ready se encuentra con jQuery JavaScript no prima, así que supongo que usted sabe y que la comparación manera parece lógico.

Answer 2

ready() se llama tan pronto como el código de la página se descarga y se analiza.

.onload() se invoca cuando se descargan todas las imágenes/videos/etc.

Utilice .ready() para que jQuery funcione mejor, a menos que tenga una razón específica para esperar hasta que se cargue().

Answer 3

Todo explicado dentro del jquery docs.

La primera cosa que la mayoría Javascript programadores 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 para ejecutar a la derecha cuando se carga la página. Sin embargo, el código Javascript de no se ejecuta hasta que se terminan de descargar todas las imágenes (este incluye anuncios de banner). La razón de usando window.onload en primer lugar es que el 'documento' HTML no está terminado de cargar aún cuando la primera vez intenta ejecutar su código.

burlar tanto problemas, jQuery tiene una simple declaración que comprueba el documento y espera hasta que esté listo para manipular, conocida como la lista evento:

Como acotación al margen (y como suggested por yahoo) Siempre me aseguro de que mis scripts jquery/js estén incluidos justo antes de la etiqueta de cierre del cuerpo. De esta forma, no tendrá que preocuparse por la carga de ventanas o las funciones de jquery ready.

Answer 4

ready()

Una función para ejecutar después de que el DOM está listo.

-Desde el .onload jQuery API Docs

()

El proceso de carga se produce cuando el agente de usuario termina de cargar una ventana o todas las tramas dentro de un conjunto de marcos.

-Desde la Nota HTML 4.01 Specification