Cómo ejecutar código al cargar la página

Aquí se describe una función famosa y elegante que describe muy bien J. Mª Aguilar en su blog para ir añadiendo varias funciones al evento onload y, de esta forma, poder ejecutar el código nada más cargar la página.

function addOnLoad(nuevoOnLoad) {
  var prevOnload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = nuevoOnLoad;
  }
  else {
    window.onload = function() {
    prevOnload();
    nuevoOnLoad();
    }
  }
}

Y como ejemplo de uso, aquí tendríamos la carga de diversas funciones:

addOnLoad(funcionDeInicializar);   //esta función estaría ya definida
addOnLoad(funcionDeColorear);      //esta función estaría ya definida
addOnLoad(  //para pasar parámetros usar función anónima
  function() {
  alert('hola 11');
  alert('hola 12');
  }
);
addOnLoad(function() { alert('hola 2'); } );
addOnLoad(
  function() {
    document.getElementById('LogSite_UserName').value = 'perico';
    document.getElementById('LogSite_Password').value = 'lospalotes';
    document.Form1.LogSite_LoginButton.click();
  }
);

Otros artículos de esta serie:

[seriesposts show_date=0 order=asc]

Publicar un Comentario

Si es la primera vez que escribes, tu comentario será moderado por un administrador.

Con el fin de garantizar un ambiente de debate respetuoso, no se permitirán comentarios:

  • insultantes, difamatorios, racistas, sexistas, y/o discriminatorios
  • excesivamente críticos con otros participanes
  • que no aporten nada, sin sentido o repetidos
  • con enlaces considerados publicidad o spam
  • con material protegido por derechos de autor
*
*