javascript - event - domcontentloaded w3schools
Diferencia entre DOMContentLoaded y load events (5)
¿Cuál es la diferencia entre DOMContentLoaded y load events?
Desde el Centro de Desarrolladores de Mozilla :
El evento DOMContentLoaded se activa cuando el documento se ha cargado y analizado completamente, sin esperar a que las hojas de estilo, las imágenes y las subtramas terminen de cargarse (el evento load puede usarse para detectar una página completamente cargada).
El evento DOMContentLoaded se activará tan pronto como la jerarquía DOM se haya construido completamente, el evento de load lo hará cuando todas las imágenes y sub-marcos hayan terminado de cargarse.
DOMContentLoaded funcionará en la mayoría de los navegadores modernos, pero no en IE, incluido IE9 y superior. Existen algunas workarounds para imitar este evento en versiones anteriores de IE, como las utilizadas en la biblioteca jQuery, que adjuntan el evento onreadystatechange específico de IE .
DOMContentLoaded == window.onDomReady()
Load == window.onLoad()
Una página no se puede manipular de manera segura hasta que el documento esté "listo". jQuery detecta este estado de preparación para ti. El código incluido dentro de $ (document) .ready () solo se ejecutará una vez que la página Document Object Model (DOM) esté lista para que se ejecute el código JavaScript. El código incluido dentro de $ (window) .load (function () {...}) se ejecutará una vez que esté lista toda la página (imágenes o iframes), no solo el DOM.
Consulte: http://learn.jquery.com/using-jquery-core/document-ready/
Vea la diferencia usted mismo:
Desde Microsoft IE
El evento DOMContentLoaded se activa cuando se completa el análisis de la página actual; el evento de carga se activa cuando todos los archivos han terminado de cargarse de todos los recursos, incluidos los anuncios y las imágenes. DOMContentLoaded es un gran evento para usar para conectar la funcionalidad de la IU a páginas web complejas.
De la Red de Desarrolladores de Mozilla
El evento DOMContentLoaded se activa cuando el documento se ha cargado y analizado completamente, sin esperar a que las hojas de estilo, las imágenes y las subtramas terminen de cargarse (el evento load puede usarse para detectar una página completamente cargada).
domContentLoaded : marca el punto en el que tanto el DOM está listo como si no hay hojas de estilo que estén bloqueando la ejecución de JavaScript, lo que significa que ahora podemos (potencialmente) construir el árbol de procesamiento. Muchos marcos de JavaScript esperan este evento antes de comenzar a ejecutar su propia lógica. Por esta razón, el navegador captura las marcas de tiempo EventStart y EventEnd para permitirnos hacer un seguimiento del tiempo que tomó esta ejecución.
loadEvent : como paso final en cada carga de página, el navegador dispara un evento "onload" que puede desencadenar lógica de aplicación adicional.