Come aggiungere un file JavaScript in HTML?

Le pagine Web sono progettate utilizzando più linguaggi di programmazione e due di questi linguaggi di programmazione Web sono HTML e JavaScript. L'acronimo HTML del linguaggio di mark-up ipertestuale viene utilizzato per creare la struttura delle pagine Web che vedi su Internet ogni giorno. Nel frattempo, JavaScript è un noto linguaggio di scripting utilizzato per eseguire operazioni dinamiche su pagine Web per renderle più accattivanti.

Per far funzionare queste lingue insieme devi aggiungere il tuo file JavaScript nel tuo documento HTML. Ai fini di farlo, puoi aggiungere il tuo file JavaScript esterno al tuo documento HTML.

Aggiunta di file JavaScript

Per aggiungere un file JavaScript esterno nel documento HTML, assegna il collegamento del file all'attributo SRC nel tag.

Sintassi

// Aggiunta del file JS usando nessun percorso

O,

// Aggiunta del file JS usando il percorso del file

O,

// Aggiunta del file JS usando URL

Punti da ricordare!

• È possibile inserire questi tag nella sezione o nella sezione.
• Come indicato nella sintassi, l'estensione dei file JavaScript esterni dovrebbe essere .js.
• È utile utilizzare file JavaScript esterni quando è necessario utilizzare lo stesso codice in più documenti HTML. Inoltre, ciò migliorerà la leggibilità e la manutenibilità del tuo documento.

Di seguito abbiamo discusso di diversi approcci per aggiungere il tuo file JavaScript in HTML.

Condizione 1: aggiunta del file JS utilizzando il percorso del file

Per aggiungere il tuo file JavaScript esterno nel documento HTML, è necessario fornire il percorso del file nell'attributo SRC del tag.

Supponiamo di avere i nostri file HTML e JavaScript nella nostra directory:

File html

Inserisci il tuo nome:
Invia

Nell'esempio sopra, stiamo creando un campo di input che chiede all'utente di inserire il proprio nome.

Nel frattempo, abbiamo definito la nostra funzione nel file JavaScript utilizzando il seguente codice.

funzione functionname ()
Avviso ("Il tuo nome è stato inviato!");

Una volta che l'utente preme il pulsante di invio, viene visualizzato un messaggio di avviso.

In un altro scenario, quando il tuo file HTML è posizionato in una cartella separata e nel file JavaScript in un'altra cartella come mostrato di seguito.

Utilizzare la seguente sintassi, per aggiungere il percorso del file all'attributo SRC nel tag.

Condizione 2: aggiunta del file JS usando URL

Quando si desidera aggiungere un file JavaScript che viene archiviato online, devi semplicemente aggiungere l'URL del tuo file JavaScript online nell'attributo SRC del tuo tag.

Esempio

Inserisci il tuo nome:
Invia

Nell'esempio sopra, abbiamo aggiunto l'URL di un file JavaScript esterno che viene archiviato online. Il file JavaScript online sembra questo.

Nel file sopra abbiamo definito la nostra funzione destinata a visualizzare un messaggio di avviso quando l'utente preme il pulsante di invio.

Produzione

Seguendo questi passaggi, è possibile aggiungere facilmente il tuo file JavaScript esterno al tuo documento HTML.

Conclusione

Per aggiungere un file JavaScript in HTML Fornisci il tuo percorso del file JavaScript all'attributo SRC del tag o se si utilizza un file JavaScript che viene archiviato online, è necessario aggiungere l'URL di quel file. In questo post, abbiamo discusso in dettaglio gli approcci per aggiungere il tuo file JavaScript in HTML dimostrandoli attraverso esempi.