Il codice Javascript è eseguito SUBITO, ovvero quando lo incontri nel codice, esempio:
Codice:
<body>
...
<div style="display:none">...</div>
<script type=text/javascript>
(codice per rendere visibile il div precedente, ovvero display:block)
</script>
...
</body>
questo codice funziona correttamente, infatti lo script che agisce sul div è messo DOPO il div, invece:
Codice:
<body>
...
<script type=text/javascript>
(codice per rendere visibile il div successivo, ovvero display:block)
</script>
<div style="display:none">...</div>
...
</body>
questo codice NON funziona, perchè il div da rendere visibile non è ancora stato caricato, cioè ancora non esiste! Probabilmente ti restituisce errore di "null object".
Il codice può essere eseguito dopo il caricamento dell'intera pagina così:
Codice:
<html>
<head>
...
<script type=javascript>
function funzione(param){
(codice da eseguire)
}
</script>
...
</head>
<body onLoad="funzione(un_param)">
...
Succede ovviamente la stessa cosa anche se usi un file esterno come nei tuoi esempi (script src=...)