Come chiamare la funzione JavaScript in HTML

JavaScript è emergente di giorno in giorno e viene utilizzato in modo efficiente nelle pagine Web. Ogni volta che JavaScript viene chiamato in una pagina HTML, interagisce dinamicamente sulle pagine Web. JavaScript rende le pagine Web più intuitive e migliora l'esperienza dell'utente rispetto alle pagine statiche. Chiamare le funzioni di JavaScript in una pagina HTML non è un'attività complessa. In questo articolo, dimostriamo vari modi di chiamare le funzioni JavaScript in HTML.

Funzione javascript inline

Il primo metodo è chiamare la funzione JavaScript in HTML. Per questo, è necessario creare una funzione quindi definire questa funzione nella sezione della testa o nel corpo del documento HTML. È possibile creare un link o un pulsante e quindi un evento onclick () è associato per chiamare questa funzione.

Ora dimostreremo un semplice esempio. Questo esempio contiene un semplice file HTML in cui abbiamo definito un metodo functionname () all'interno dei tag di script nella testa dell'HTML come mostrato di seguito.

Inoltre, abbiamo creato un pulsante e associato l'evento OnClick () come mostrato di seguito. Successivamente, ogni volta che l'utente fa clic sul pulsante la funzione viene invocata:

Ehi, fai clic sul pulsante in basso per invocare la funzione

Esempio

Ehi, fai clic sul pulsante in basso per invocare la funzione

Produzione

Chiama la funzione JavaScript tramite file esterni

Il secondo metodo è chiamare una funzione JavaScript in HTML tramite esterno .file js. I file esterni di JavaScript sono allegati nella sezione principale del file HTML. Prima di tutto, devi creare due file i.e ... file html in cui è scritto il codice html e l'altro è .JS in cui sono definite le funzioni.

Dobbiamo creare un documento HTML una volta terminato con la creazione di JavaScript. Dopo aver incorporato il file JavaScript, dobbiamo creare un collegamento o un pulsante, quindi invochiamo la funzione definita nel file JavaScript.

Esempio

Questo esempio contiene un semplice file HTML "Articl.html"In cui colleghiamo il file JavaScript esterno"jsarticle.js".

Articl.html

Ehi, fai clic sul pulsante in basso per invocare la funzione

Jsarticle.js

funzione functionname ()
documento.Scrivi ("Stai imparando a chiamare la funzione JavaScript in HTML");

I file HTML e JavaScript devono essere salvati nella stessa cartella e, in caso contrario, dobbiamo fornire un percorso completo nei tag di script presenti nella sezione testa. Nel nostro esempio fornito abbiamo salvato i file HTML e JavaScript nella stessa cartella, ed è per questo che abbiamo fornito il nome del file JavaScript invece di fornire il percorso completo.

Abbiamo creato un pulsante nella sezione del corpo e oltre a quel pulsante, abbiamo anche usato l'evento OnClick per chiamare una funzione. Ora, ogni volta che l'utente fa clic su quel pulsante la funzione verrà invocata che viene definita nel file JavaScript come mostrato nell'immagine di seguito.

Ehi, fai clic sul pulsante in basso per invocare la funzione

Produzione

Conclusione

In questo articolo, dimostriamo come chiamare le funzioni JavaScript all'interno di HTML. Abbiamo anche discusso di due metodi. Nel primo metodo, stiamo includendo un file JavaScript all'interno di un documento HTML. Nel secondo metodo, chiamiamo JavaScript tramite file esterni. Entrambi questi metodi sono stati brevemente spiegati insieme ad esempi di come le funzioni JavaScript possono essere invocate in HTML.