jquery - examples - Diferencia entre las funciones $(ventana).load() y $(documento).ready()
jquery pdf (10)
¿Cuál es la diferencia entre $(window).load(function() {}) y $(document).ready(function() {}) en jQuery?
Creo que $ (window) .load event no es compatible con 3.x jquery ..
Desde jquery prospective: solo agrega el evento load / onload a la ventana y al documento. Mira esto:
La diferencia es:
$(document).ready(function() { es el evento jQuery que se activa cuando DOM se carga, por lo que se activa cuando la estructura del documento está lista.
$(window).load() evento $(window).load() después de cargar todo el contenido.
Notablemente, esta función fue desaprobada en 1.8 y eliminada en jquery 3.0
Más información aquí: El objeto no admite la propiedad o el método ''indexOf''
Según DOM Level 2 Events, se supone que el evento de carga se activará en el documento, no en la ventana. Sin embargo, la carga se implementa en la ventana en todos los navegadores para compatibilidad con versiones anteriores.
$(document).ready sucede cuando todos los elementos están presentes en el DOM, pero no necesariamente todo el contenido.
$(document).ready(function() {
alert("document is ready");
});
window.onload o $(window).load() ocurre después de que se hayan cargado todos los recursos de contenido (imágenes, etc.).
$(window).load(function() {
alert("window is loaded");
});
document.ready (jQuery) document.ready se ejecutará justo después de que se cargue la propiedad del documento HTML, y el DOM estará listo.
DOM: El Modelo de Objetos de Documento (DOM) es una convención multiplataforma e independiente del lenguaje para representar e interactuar con objetos en documentos HTML, XHTML y XML.
$(document).ready(function()
{
// executes when HTML-Document is loaded and DOM is ready
alert("(document).ready was called - document is ready!");
});
window.load (JavaScript incorporado) Sin embargo, window.load esperará a que la página se cargue por completo, esto incluye marcos internos, imágenes, etc. * window.load es un método incorporado de JavaScript, se sabe que tiene algunos peculiaridades en navegadores antiguos (IE6, IE8, antiguas versiones de FF y Opera) pero generalmente funcionarán en todos ellos.
window.load se puede usar en el evento de carga del cuerpo como este (pero le sugiero encarecidamente que evite mezclar código como este en el HTML, ya que es una fuente de confusión más adelante):
$(window).load(function()
{
// executes when complete page is fully loaded, including all frames, objects and images
alert("(window).load was called - window is loaded!");
});
$(document).ready(function() {
// executes when HTML-Document is loaded and DOM is ready
alert("document is ready");
});
$(window).load(function() {
// executes when complete page is fully loaded, including all frames, objects and images
alert("window is loaded");
});
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$( document ).ready(function() {
alert( "document loaded" );
});
$( window ).load(function() {
alert( "window loaded" );
});
</script>
</head>
<body>
<iframe src="http://.com"></iframe>
</body>
</html>
window.load se activará después de cargar todo el contenido del iframe
-
document.readyes un evento jQuery, se ejecuta cuando el DOM está listo, por ejemplo, todos los elementos están allí para ser encontrados / utilizados, pero no necesariamente todo el contenido . -
window.onloaddispara más tarde (o al mismo tiempo en los casos más graves / fallidos) cuando se cargan imágenes y cosas similares, por lo que si está utilizando dimensiones de imagen, por ejemplo, a menudo desea usar esto en su lugar.