window.onload vs document.onload

¿Qué es lo que más se soporta? window.onload o document.onload?

Solución

¿Cuándo disparan?

window.onload

  • Por defecto, se dispara cuando se carga toda la página, incluyendo su contenido (imágenes, CSS, scripts, etc.).

En algunos navegadores asume el papel de document.onload y se dispara también cuando el DOM está listo.

document.onload

  • Se llama cuando el DOM está listo, lo que puede ser antes de que se carguen las imágenes y otros contenidos externos.

¿Cómo se soportan?

window.onload parece ser el más ampliamente soportado. De hecho, algunos de los navegadores más modernos han sustituido en cierto modo document.onload por window.onload.

Los problemas de soporte de los navegadores son probablemente la razón por la que mucha gente está empezando a usar librerías como jQuery para manejar la comprobación de que el documento está listo, así:

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

A efectos de la historia. window.onload vs body.onload:

Una pregunta similar fue hecha en codingforums hace un tiempo sobre el uso de window.onload sobre body.onload. El resultado parecía ser que se debía usar window.onload porque es

bueno para separar su estructura de la acción.

Comentarios (11)

window.onload sin embargo a menudo son la misma cosa. Del mismo modo body.onload se convierte en window.onload en IE.

Comentarios (0)

Window.onload es el estándar, sin embargo - el navegador web en la PS3 (basado en Netfront) no soporta el objeto ventana, por lo que no se puede utilizar allí.

Comentarios (0)