logo

Come chiamare la funzione JavaScript in HTML?

Esistono molti modi per chiamare una funzione JavaScript nel documento HTML e non è nemmeno un compito difficile. Innanzitutto, abbiamo utilizzato uno dei modi più semplici per chiamare a JavaScript funzione nel documento HTML:

In questo metodo creeremo e definiremo una funzione nella sezione head del documento HTML. Per richiamare questa funzione nel documento html, dobbiamo creare un semplice pulsante e utilizzare il file al clic event (che è un gestore di eventi) insieme ad esso, possiamo chiamare la funzione facendo clic sul pulsante.

Per capirlo più chiaramente vediamo il programma indicato:

Programma

creazione di elenchi in Java
 functionmyfunction() { alert(&apos;how are you&apos;); } <p>Click the following button to see the function in action</p> 

Spiegazione del programma

Nel programma sopra indicato, abbiamo creato un semplice documento HTML. All'interno della sezione head del documento HTML, abbiamo definito una funzione ( ad esempio miafunzione();) all'interno dei tag dello script ... .

 function myfunction() { alert(&apos;how are you&apos;); } 

D'altra parte, all'interno della sezione body, abbiamo visualizzato del testo e creato un pulsante. Per chiamare la nostra funzione, abbiamo utilizzato il file al clic insieme al pulsante e quando l'utente fa clic su quel pulsante, la nostra funzione viene eseguita e visualizza un messaggio di avviso, come puoi vedere nell'output.

Fare clic sul pulsante seguente per vedere la funzione in azione

Produzione

Come chiamare la funzione JavaScript in html

Chiamare una funzione utilizzando un file JavaScript esterno

Possiamo anche chiamare funzioni JavaScript utilizzando un file JavaScript esterno allegato al nostro documento HTML. Per fare ciò, dobbiamo prima creare un file JavaScript e definire in esso la nostra funzione e salvarlo con estensione (.Js).

Una volta creato il file JavaScript, dobbiamo creare un semplice documento HTML. Per includere il nostro file JavaScript nel documento HTML, dobbiamo utilizzare il tag script e nell'attributo 'src' dobbiamo fornire il percorso del nostro file JavaScript in cui è archiviato. Dopo aver collegato il file JavaScript esterno al documento HTML, possiamo creare un pulsante e chiamare il file funzione usando il 'al clic' attribuire con esso.

Capiamolo con l'aiuto di un programma:

Programma

Fare clic sul pulsante seguente per vedere la funzione in azione

Spiegazione del programma

Nel programma sopra, innanzitutto, abbiamo creato un file JavaScript, definito la nostra funzione al suo interno e salvato con estensione . js estensione.

Funzione.js

 functionmyfunction() { document.write(&apos;welcome to Javatpoint&apos;); } 

Dopo aver creato il file JavaScript, abbiamo creato un documento HTML e collegato il nostro file JavaScript utilizzando . Poiché abbiamo archiviato il nostro documento HTML e il file JavaScript nella stessa cartella, abbiamo semplicemente denominato il nostro file JavaScript nell'attributo 'scr' invece di fornire il percorso completo nella sezione head.

 

All'interno della sezione body abbiamo visualizzato del testo e creato un pulsante. Per chiamare la nostra funzione, abbiamo utilizzato il file al clic insieme al pulsante e quando l'utente fa clic su quel pulsante, la nostra funzione viene eseguita e visualizza un messaggio di avviso, come puoi vedere nell'output.

Fare clic sul pulsante seguente per vedere la funzione in azione

Produzione

Come chiamare la funzione JavaScript in html

Ora fai clic sul pulsante indicato:

Come chiamare la funzione JavaScript in html