JavaScript - Uso de window.onload

Buenos Días!

Mi pregunta es sobre window.onload en javascript

Resulta que tengo un script principal donde tengo el .onload desde donde llamo a unas funciones en otros scripts. Yo pensaba que ya se había cargado la página y por tanto podía referenciar a elementos HTML con el famoso document.getElementByID, pero no, y es el motivo (referenciar elementos HTML) por el que no me funciona los scripts.

Si pongo TODAS las funciones que referencian a elementos HTML dentro de window.onload, pues si, funciona. Pero a este paso me va a quedar un megascript de tropecientas mil lineas.

Mi código es algo así:

En el HTML:


En el scriptprincipal.js:


Y en el script calendario.js


¿Cual es el problema?

Gracias de antemano.

Hola Nemesis, el problema, es que si no lo haces así, al cargar el javascript, ya ejecuta el código, pero todavia no se ha cargado el contenido html, por eso te falla.

Una solución, es hacer lo que haces, pero otra solución, es cargar los archivos js al final de la pagina. De esta manera no es necesario el onload().

Espero que te sirva.

Es que lo hago como pongo en el código. Pensaba que así funcionaba al tener toda la página cargada, pero nada.

Lo de poner los scripts al final del body, ya lo había pensado, pero como eso es "intrusivo" al meter javascript en el html, pues utilizo window.onloas, que no me funcionan

Hola Nemesis, te da algun error? es muy extraño, ya que debería de ejecutar las funciones una vez cargada la pagina.

Ten en cuenta, que si javascript encuentra un error, se para la carga del mismo...

Ahí estaba lo extraño. A base de alerts he ido chequeando la función, y si, entrar, entraba, las variables iban bien, pero los getElementById no se enteraba de nada. Vacíos del todo.

No obstante, he dado con una solución:

en window.onload del scritp principal, pongo calendario("calendario"), siendo el parámetro el id del div del HTML donde actúa la función.

Y en la definición de la propia función que está en el otro script pongo:

function calendario(param) {
var l=document.getElementById(param);
....
....
}

y funciona perfectamente. Notar que esa variable l no la uso nunca más que para lo de arriba. Es como si así se "enterara" de donde está. No se la explicación técnica, o si esto es un parche. Y la cosa es que como "calendario" llama a otras funciones que también toca etiquetas, con ir "arrastrando" los divs correspondientes como parámetros igual que lo descrito, pues estupendo.

Ya me contarás.

Un Saludo y Gracias por la atención.

Es muy extraño, la verdad es que no entiendo muy bien porque te hace eso...

Me alegra que hayas encontrado una solución y la compartas!!!

Pues he seguido con el tema. Y ya no tengo que poner el paso de parámetro con el id del div.

Eso si. En la función calendario sí tengo que poner var l=document.getElementById("calendario"); Pero ya reconoce el div sin tener que pasárselo por parámetro.

Un Saludo