Come aggiungere JavaScript a HTML

JavaScript è uno dei linguaggi di scripting che viene utilizzato per rendere le pagine Web interattive e moderne. Senza alcuna necessità di plugin aggiuntivi, i browser Web moderni supportano JavaScript con motori integrati.

Inoltre, mentre si lavora con i file Web, JavaScript deve essere eseguito insieme a HTML. Questo può essere fatto includendo il codice JavaScript in linea all'interno del tag del file HTML o è possibile aggiungere JavaScript tramite un file esterno. Tag JavaScript utilizzato nella sezione principale del file HTML o nella sezione del corpo, dipende solo da dove si desidera caricare JavaScript. JavaScript può essere scritto all'interno dei tag per tenere fuori il contenuto principale dei file HTML. Se hai bisogno di JavaScript per eseguire attraverso un layout della pagina Web, lo script viene solitamente chiamato nella sezione Body.

JavaScript può essere utilizzato in numerosi modi in pagine Web come la convalida del modulo, creando avvisi di avvertimento e molto altro ancora. In questo articolo, esamineremo come incorporare JavaScript nei file HTML in profondità.

Di seguito sono riportati i modi per incorporare JavaScript nei file HTML.

Incorporamento del codice

Il tag ... viene utilizzato per aggiungere JavaScript nelle pagine Web che aiutano a avvolgere JavaScript all'interno dei programmi HTML. Il codice di JavaScript può essere nella sezione del corpo o nella sezione testa a seconda della struttura dell'applicazione.

Esempio 1: JavaScript nella sezione Head

Questo esempio mostra come includere JavaScript nella sezione Head

Produzione:

Esempio2: JavaScript nella sezione del corpo

Questo esempio mostra come includere JavaScript nella sezione Body

Produzione:

Codice inline

Quando è necessario chiamare una funzione in attributi HTML, viene utilizzato un codice inline di JavaScript. Il codice JavaScript può essere utilizzato direttamente in vari eventi come OnMouseOver (), OnClick () e molti altri. I punti principali dovrebbero essere tenuti a mente durante l'utilizzo di script in linea:

• Utile per piccoli script o script che eseguono solo un file.
• Difficile da leggere e capire se gli script sono più grandi o utilizzati in più pagine.

Esempio 1: Questo esempio mostra come incorporare JavaScript in HTML senza tag.

Codice inline

Questo esempio mostra come includere JavaScript inline senza tag di script.

Produzione:

Esempio2:

Nell'esempio sopra, ogni volta che l'utente carica la pagina Web lo script visualizza un messaggio di avviso che mostra la data corrente.

Produzione:

File esterno

Il codice JavaScript può essere scritto in un file separato con un'estensione di ".JS ”e quindi incluso nel file HTML. Il nome del file JavaScript può essere incluso nell'attributo "SRC" dello script. I file esterni del codice JavaScript possono essere riutilizzabili. Pertanto, i file separati per il codice JavaScript ti salvano dalla riscrittura dello stesso programma software. I file esterni sono molto più facili da gestire.

Esempio:

In questo esempio, ci sono due file, indice.html e datescript.js. File esterno i.e. Datescript.JS incluso nella sezione del corpo del file HTML chiamato Index.html. JavaScript chiamato DateScript.JS viene utilizzato per mostrare la data corrente ogni volta che l'utente carica la pagina Web. Entrambi .html e .I file JS sono posizionati nella stessa cartella.

Indice.html

Datescript.js

let date = new Date ();
documento.corpo.InnerHtml = "

Data: " + data +"

"

Produzione:

Conclusione

In questo articolo, dimostriamo come aggiungere JavaScript ai file HTML. Successivamente, abbiamo discusso di ciascun metodo approfondito per incorporare JavaScript nelle tue pagine Web. Abbiamo discusso di tre modi per aggiungere JavaScript nei file HTML i.e. Codice in linea, file esterni e codice incorporato. Sono inoltre previsti esempi per ogni metodo per aiutarti a capire.