1

A ver si me puede ayudar alguien.

Quiero usar en un archivo html varios scripts distintos en vanilla javascript y me encuentro con el problema de usar las funciones cuando esté cargado el documento con la instrucción :

document.onload = function (){
     ......
}

Al haber varios onload solo se ejecuta el último, por lo que no es lo que me gustaría.

¿Me recomiendan hacer algo?

5
  • ¿Me confundiste, "Me recomiendan hacer algo" es una pregunta, o falta algo en la frase? el 1 mar. 2017 a las 13:55
  • Por favor editar tu pregunta, agregando el código que estás trabajando y el (o los) error(es) que tengas. el 1 mar. 2017 a las 15:38
  • Y te da lo mismo en qué secuencia se ejecuten estas funciones?
    – ffflabs
    el 1 mar. 2017 a las 15:46
  • En realidad debería existir un solo evento de onload en tu documento, si tu quieres hacer varias cosas cuando el documento se cargue ya eso debería ser responsabilidad de la lógica de tu aplicación. el 1 mar. 2017 a las 16:49
  • Como te comentan es un evento y no tiene sentido que tengas diferentes onload todo lo que quieras hacer en el onload lo puedes meter en uno mismo.
    – M. Gress
    el 1 mar. 2017 a las 16:56

2 respuestas 2

2

Puedes hacer lo siguiente. Crea un solo evento onload que llame a una función que cargue las demás funciones.

Por ejemplo:

document.onload=cargarFunciones();
function cargarFunciones(){
   funcion1();
   funcion2();
   ....
}

Con esto puedes cargar diferentes funciones con el mismo onload.

0

Como se comentó en otras respuestas deberías tener solo un onload() y puedes hacer que este dispare otras funciones que realizen ciertas tareas. Yo te recomendaría usar el patrón de Módulo Revelado (Revealing Module en ingles).

Puedes conseguir más información en este enlace. Basicamente lo que hace este patrón es darle un espacio de nombre "namespacing" y poder modularizar todo para ejecutarlo justo cuando lo necesitas.

var miApp = ( function(){
  var metodoPrivado = function(){
    console.log( 'Privado: ', this);
    return 'Soy privado';
  }

  return {
    metodoPublico : function(){
      console.log( 'Publico: ', this);

      // Invocando el metodo privado:
      metodoPrivado();

      return 'Soy publico';
    }
  }
})();

miApp.metodoPublico();

Ojalá te sea de utilidad.

Saludos

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.