Comprendre la sémantique des contenus des scripts

[marcelman]

Bonjour,

A force de tripatouiller du code, je commence à comprendre un peu les éléments qui régissent le fonctionnement des pages et que l'on retrouve dans le head sous les balises script.

Exemple ceci pour un menu déroulant récupéré sur Pompage :

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

Toutefois, je cherche à mieux comprendre tout ce bazar, d'une part pour me coucher moins bête, ensuite pour pouvoir mieux maîtriser le fonctionnement de mes pages et pouvoir éventuellement les faire évoluer en meilleure connaissance de cause.

Auriez-vous des liens ou des publis un peu didactiques sur le sujet à me conseiller ?

Merci de vos réponses.