Ejecutar Código Cuando la página está listo
Si intenta ejecutar el código JavaScript que manipula algunos elementos en la página web sin asegurarse de que si se cargan los elementos completamente resultará en resultados inesperados. Por ejemplo hay un elemento P cuyo ID es "highlight" durante la carga de la página que desea aplicar un color de fondo en el elemento. En una solución típica usando genérica JavaScript va a ir para algo como lo siguiente:
var highlightDiv = document.getElementById ("highlight"), si (typeof highlightDiv === "objeto") {highlightDiv.
style. backgroundColor = "yellow"; highlightDiv.style.color = "blue"; highlightDiv.style.border = "red sólida 1px";}
En el código anterior hemos aplicado un color de fondo, un borde de 1px en color rojo y azul hizo que el color de fuente. Tenga en cuenta que no tenemos que hacer esto como esta vez podemos crear una clase con un color de fondo amarillo, frontera 1px en rojo y color en azul y simplemente aplicar la clase. Pero sólo quiero demostrar el punto de que estoy hablando.
Supongamos que está ejecutando la pieza anterior de código antes de la carga de elementos en el navegador. Como usted ha pensado en este código no funcionará como se espera y no tome la ejecución requerida. El enfoque común es colocar el código después del elemento div en el que se va a realizar la operación.
Otra cuestión IE más común hasta IE8 era los errores "operación cancelada". En este error un elemento secundario intenta actualizar su padre antes de que el elemento padre se carga por completo en sí en el DOM.
Por ejemplo, la secuencia de comandos intenta insertar un nuevo elemento en el elemento del cuerpo antes de cargas corporales en el DOM completo.
Este es el lugar donde el evento onload del objeto ventana es muy útil. Vamos a examinar un trozo de código de ejemplo:
window.onload = function () {var d = document.createElement ("div"); d = "datos de prueba"; document.body.appendChild (d);} El código anterior es perfecto y se ejecutará después de la DOM Cargando completa.
Todo está bien?
No hay todavía algunos problemas en este enfoque