Inicio > Desarrollo web > Llamada a funciones al cargar una página [JS básico]

Llamada a funciones al cargar una página [JS básico]

Cuando en una página web queremos ejecutar algo al cargar la página lo normal es poner en el BODY el parámetro onload y llamar a la función correspondiente:

<BODY ONLOAD="carga()">

¿Qué sucede si tenemos más de una función a la que queremos llamar?

Podríamos hacer:

<BODY ONLOAD="carga1(); carga2()">

Si bien es cierto que esto no funciona en algunas ocasiones. Para asegurarnos un correcto funcionamiento:

<script>
window.onload=function(){
carga1();
carga2();
}
</script>
</head>
<body>

Además, esta segunda forma de hacerlo es menos intrusiva.

El problema de esta segunda solución es:

¿Qué sucede si quiero añadir desde distintos ficheros .js funciones al onload? ¿Cómo puedo hacerlo?

Si en un fichero llamado carga1.js tengo lo siguiente:

function carga1(){ 
     // Código de la primera función
}

if (document.addEventListener){
    window.addEventListener('load',carga1,false);
} else {
    window.attachEvent('onload',carga1);    
}

Y en otro segundo fichero llamado carga2.js tengo lo siguiente:

function carga2(){ 
     // Código de la segunda función
}

if (document.addEventListener){
    window.addEventListener('load',carga2,false);
} else {
    window.attachEvent('onload',carga2);    
}

En el HEAD de mi archivo HTML principal tendré:

<script src="carga1.js" type="text/javascript"></script>
<script src="carga2.js" type="text/javascript"></script>

Esta es la solución ideal.

Categorías:Desarrollo web Etiquetas: , , ,
  1. Aún no hay comentarios.
  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: