Hay una ligera diferencia entre la carga de ventanas y la carga de cuerpo , pero antes de abordar las diferencias entre ellos primero requerimos el conocimiento de cuáles son esas cargas. Después de eso, conoceremos el uso en diferentes escenarios de aquellos donde notaremos las ligeras diferencias entre ellos.
onloads: el evento onloads se activa cuando un objeto está completamente cargado, hay dos tipos de eventos onload, uno es windows onload y body onload.
- Carga de Windows: el evento de carga de esta ventana se activa al principio.
- Body onload: este evento de body onload se activa una vez que se descarga todo el contenido, si queremos encontrar un elemento y actualizar el estilo o el contenido, entonces, body onload es la opción correcta para usar.
Nota: Si no le molesta actualizar el estilo y el contenido, no importa qué carga esté utilizando.
El siguiente ejemplo ilustra las diferencias entre la carga de Windows y la carga del cuerpo:
HTML
<!DOCTYPE html>
<html>
<head>
</head>
<body onload="bodyLoad()">
<div id="B1">
<h1 style="color: green;">GeeksforGeeks</h1>
<p>A Computer Science Portal for Geeks</p>
</div>
<script>
// Body onload
function bodyLoad() {
alert("Alert from body_onload");
alert("content from d1: "
+ document.getElementById("d1").innerText);
}
// Window onload
function winLoad() {
alert("Alert from window_onload");
if (document.getElementById("B1") != null) {
alert("Content from body: "
+ document.getElementById("B1").innerText);
}
else {
alert("Failed to find B1");
}
}
window.onload = winLoad();
</script>
</body>
</html>
Producción:
- Carga de ventana:
- Carga del cuerpo:
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA