Ejecutar script después de la carga del DOM
Todos conocemos el método window.onload de javascript. Este método permite ejecutar una función/script, después de que se haya cargado todo el DOM incluidos script, imágenes, etc. A continuación os mostramos un método que nos resultará más útil:
function ready(func){
if (document.all && !window.opera){
document.write(’<script id=”contentloadtag”><\/script>’)
var contentloadtag=document.getElementById(”contentloadtag”)
contentloadtag.onreadystatechange=function(){
if (this.readyState==”complete”)
func();
}
}
if(/Safari/i.test(navigator.userAgent)){
var _timer=setInterval(function(){
if(/loaded|complete/.test(document.readyState)){
clearInterval(_timer)
func();
}}, 10)
}
if(document.addEventListener && !/Safari/i.test(navigator.userAgent))
document.addEventListener(”DOMContentLoaded”, function(){func();}, false)
}
Con este método simplemente deberemos esperar a que se cargue la estructura del documento, sin tener que esperar a que se carguen los scripts o las imágenes. Puede ser útili, por ejemplo, para realizar una precarga de las imágenes de nuestra página web.