Let's see if someone can help me.
I want to use in a file html several different scripts in vanilla javascript and I find the problem of using the functions when the document is loaded with the instruction:
document.onload = function (){
......
}
Having several onload only the last one is executed, so it's not what I'd like.
Do you recommend me to do something?
You can do the following. Create a single event onload that calls a function that loads the other functions.
For example:
document.onload=cargarFunciones();
function cargarFunciones(){
funcion1();
funcion2();
....
}
With this you can load different functions with the same onload .
As commented in other answers you should have only a onload() and you can make it trigger other functions that perform certain tasks.
I would recommend using the Revealed Module pattern.
You can get more information at this link . Basically what this pattern does is give it a name space "namespacing" and be able to modularize everything to execute it just when you need it.
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();
I hope you find it useful.
Greetings