Funzioni al caricamento della pagina

[parider]

Ciao a tutti.
Come si creano delle funzioni Java script che vengono lanciate al caricamento della pagina?
Ho trovato delle funzioni del tipo

 $(window).load(function () {
  alert('Finestra caricata completamente, compresa la grafica');
});

O anche altre di tipo simile.
Però non mi funzionano? Devo collegare al file html il file js di jquery , o sbaglio?
Probabilmente mi mancano dei pezzi.
Grazie per le risposte )

[ciro78]

ciao prova

$(document).ready(function(){
alert("ciao");
});

e la prossima volta usa il tag code per il codice. vedi regolamento

[parider]

Si, mi spiace, ma scrivevo da cellulare e non era comodo inserire il tag.

Ho inserito questo:

<script type="text/javascript" language="javascript">
$(document).ready(function(){alert("ciao");});
</script>

Ora funziona. Compare al caricamento l'alert di ciao.

Quello che ora vorrei fare è settare la dimensione di un div alla grandezza della finestra del browser al caricamento.
Ho trovato su stakoverflow un codice simile:

var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);

Tale codice dovrebbe prendere l'altezza della finestra ed assegnarla alla variabile h.


Ho quindi scritto questo:

<script type="text/javascript" language="javascript">

var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
  document.getElementById('biografia').setAttribute('height', h);

</script>

Non funziona.
Due domande:
Devo collegare all'html quale specifio js che abbia la funzione per ricavare l'altezza?
La sintassi del settaggio della proprietà del div preso per id è corretta?
Nel caso al posto di h settassi una dimensione fissa (500px, che so), sarebbe così?

  document.getElementById('biografia').setAttribute('height', '500px');

Grazie e ciao

[parider]

Trovato, ho risolto così:

<script type="text/javascript" language="javascript">
var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
$(document).ready(function(){alert(h);
prova.style.height = h+"px";
});
</script>