ejdesigner

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.

Javascript