28. JavaScript totalment extern

Introducció

Amb el recurs als documents .js és possible alliberar el HEAD dels documents de codi JavaScript. Però amb els recursos vistos fins ara és imprescindible situar els gestors d'esdeveniments en els punts adequats de les etiquetes de BODY.

Amb la introducció del getElementById i anàlegs és possible externalitzar-ho tot, de manera que l'única presència explícita del JavaScript en el document és la crida al document .js extern.

Assignació externa de funcions agestors d'esdeveniments

Els objectes de JavaScript poden tenir les propietats d'una funció; una de les maneres d'obtenir-ho fa servir l'estructura

objecte = function(){
contingut de la funció
}

Aquesta estructura sol aplicar-se dues vegades; l'una per associar una acció a un gestor d'esdeveniments aplicat a un objecte, i l'altra per a associar el conjunt a la finestra mitjançant window.onload:

window.onload=function(){
objecte_identificat.gestor=function(){
instruccions;
}
}

Exemple

Accions no condicionades

Si l'acció s'ha de produir en carregar-se el document, no cal cap gestor d'esdeveniments més, ja que aquesta comesa la fa el mateix onload, i el programa per tant és més simple:

window.onload=function(){
instruccions;
}

Exemple

Assignacions múltiples

Quan calgui carregar diverses assignacions de funcions, es col·loquen una a continuació de l'altra:

window.onload = function(){
primera assignació d'una funció a un objecte;
segona assignació d'una funció a un objecte;
...
}

Exemple

Selecció d'elements per categoria

Algunes vegades és favorable de seleccionar els elements per categoria. El resultat és un vector, dins el qual els elements s'individualitzen de la forma habitual:

getElementsByTags('etiqueta')[n]

Exemple