Argomenti trattati: inserimento del codice JavaScript nel documento HTML; richiamare il codice di un sorgente esterno.
Per inserire il codice JavaScript nel documento HTML si può:
questi metodi sono approfonditi nei paragrafi successivi.
iL tag <SCRIPT></SCRIPT> permette di inserire il codice JavaScript in un qualunque punto del documento HTML. Generalmente si inserisce nel tag <HEAD></HEAD> per dichiarare delle funzioni, richiamabili poi da tutto il corpo del documento.
<HTML>
<HEAD>
<SCRIPT>
// Qui il codice [....]
</SCRIPT>
<TITLE> New Document </TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
</BODY>
</HTML>
Per correttezza, sarebbe opportuno aggiungere l'attributo Language (il linguaggio di scripting JavaScript, predefinito per il browser MSIE che supporta anche VBScript) e la versione JavaScript per la quale è stato scritto il codice, nell'esempio 1.3:
<SCRIPT language="JavaScript1.3">
Non specificando la versione l'interpretazione dello script dipenderà a sua volta dalla versione del browser in uso. Al contrario, se il browser non riconosce la versione specificata salta lo script, che potrebbe non supportare.
Questo permette di evitare errori di interpretazione, poiché lo script si presuppone adattato per un browser che supporta la versione specificata nell'attributo Language, oppure una versione precedente.
Agli albori del linguaggio alcuni browser non supportavano alcuna versione di JavaScript: per questo si aggiungevano dei commenti nel codice, che evitassero errori di interpretazione:
<SCRIPT Language="JavaScript1.3">
<!-- codice nascosto ai vecchi browser, (ma visibile per i browser in grado di eseguire
lo scipt!)
// fine del codice nascosto ai vecchi browser -->
</SCRIPT>
E' possibile utilizzare anche il seguente tag: <NOSCRIPT></NOSCRIPT>, nel quale si può specificare che il browser in uso non supporta lo script ed avvisare di conseguenza l'utente che potrebbe avere problemi di visualizzazione nello scorrere il documento, o eventualmente indirizzarlo verso un documento differente.
<NOSCRIPT>
Spiacenti: il browser utilizzato non supporta gli script della pagina.
</NOSCRIPT>
E' inoltre possibile utilizzare lo stesso codice JavaScript per riconoscere la casa produttrice e la versione del browser in uso, come approfondito nell'apposita sezione.
Spesso si ritiene più efficiente scrivere il codice JavaScript in un sorgente esterno al documento HTML, cosa che non permette però al programmatore di nascondere completamente il codice, infatti scaricando la pagina il browser scarica anche il file associato. Sul server si dovrebbe mappare il tipo MIME associato al file, utilizzando la stringa:
type=application/x-javascript exts=js
Il file dovrebbe avere estensione .js.
<SCRIPT src="sorgente.js"> </SCRIPT>
Nel file non deve essere specificato alcun tag, ma semplicemente il codice.
Spesso il codice JavaScript viene richiamato da un event-handler, utilizzando i doppi apici per poi richiamare un metodo di un oggetto o una funzione:
eventHandler="[istruzione1[;istruzione2[;istruzionen]]]"
<input type="button" name="bottone" onClick="alert('hello world!')" value="bottone">
Se è necessario inserire più istruzioni, essendo queste sulla stessa riga, è necessario separarle tramite il carattere ";".