Codice per fare riferimento a un file JS

December 4

JavaScript, o JS, è il potere dietro la rivoluzione del Web 2.0, e lo strumento che i webmaster usano per rendere i loro siti più interattivi e utile. JS si integra con l'HTML per formare il codice per una pagina Web. Come si richiama JS è semplice, ma ci sono diversi modi in cui può essere fatto.

Riferimento a un file JS

file JavaScript esterno si fa riferimento utilizzando il tag HTML "script". Per un file JS chiamata "example.js" che è nella stessa cartella della pagina HTML, questo tag farà riferimento è:

<Script type = "text / javascript" attributo è dove si è definito che questo è un file JS dichiarando di essere del tipo MIME "text / javascript". L'attributo "src" è dove si definisce il nome del file. L'attributo "src" è un URL Internet, in modo che possa puntare a qualsiasi file su Internet.

Inline JS

È possibile scrivere codice JavaScript direttamente nel codice HTML usando linea JS. In questo caso, rimuovere l'attributo "src" e inserire il codice tra l'apertura e chiusura tag script. Per esempio:

<Script type = "text / javascript">

alert ( "Sono in linea JS!");

</ Script>

Ciò causerà una finestra di avviso a pop-up con le parole "Io sono in linea JS!" scritto in esso.

Differenze tra JS nella testa o il corpo

L'HTML "testa" e tag "body" definire parti separate del documento HTML. Se si inserisce un riferimento al file JS o in linea JS nella testa del documento HTML, il codice verrà eseguito prima del caricamento della pagina. Se si posiziona il JS nel corpo del documento, il codice verrà eseguito nell'ordine in cui appare nel corpo. Così è difficile prevedere quando verrà eseguito. Per eseguire JS dopo il caricamento della pagina, posizionarlo in fondo il corpo HTML.

JS e browser che non lo capiscono

Alcuni browser web, in particolare le versioni più vecchie, non capiscono il tag script HTML. Questi browser visualizzerà il codice JS in linea sulla pagina. Per regolare per questo, utilizzare i commenti HTML per nascondere il codice da questi browser:

<Script type = "text / javascript">

<! -

alert ( "Sono nascosto!");

// ->

</ Script>

Tali browser sono rari in questi giorni, per cui gli sviluppatori di rado li ospitano. Tuttavia, è possibile visualizzare il codice che non li ospitare o si può scoprire che è necessario per supportare i browser non comuni in certi ambienti.