Der er mange måder at kalde en JavaScript-funktion i HTML-dokumentet på, og det er heller ikke en svær opgave. For det første har vi brugt en af ​​de nemmeste måder at ringe til en JavaScript funktion i HTML-dokument:

I denne metode vil vi oprette og definere en funktion i HTML-dokumentets hovedsektion. For at aktivere denne funktion i html-dokumentet, skal vi oprette en simpel knap og bruge onclick hændelsesattribut (som er en hændelseshandler) sammen med det, kan vi kalde funktionen ved at klikke på knappen.

For at forstå det mere klart, lad os se det givne program:

Program

bytes til streng python

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

Forklaring af program

I ovenstående program har vi lavet et simpelt HTML-dokument. Inde i hovedsektionen af ​​HTML-dokumentet har vi defineret en funktion ( f.eks. min funktion();) inde i script-tags ... .

 function myfunction() { alert('how are you'); } 

På den anden side, inde i brødteksten, viste vi noget tekst og oprettede en knap. For at kalde vores funktion har vi brugt onclick attribut sammen med knappen, og når brugeren klikker på den knap, udføres vores funktion og viser en advarselsmeddelelse, som du kan se i outputtet.

Klik på følgende knap for at se funktionen i aktion

Produktion

Kaldning af en funktion ved hjælp af ekstern JavaScript-fil

Vi kan også kalde JavaScript-funktioner ved hjælp af en ekstern JavaScript-fil, der er knyttet til vores HTML-dokument. For at gøre dette skal vi først oprette en JavaScript-fil og definere vores funktion i den og gemme den med filtypenavnet (.Js).

Når JavaScript-filen er oprettet, skal vi oprette et simpelt HTML-dokument. For at inkludere vores JavaScript-fil i HTML-dokumentet, skal vi bruge script-tagget, og i 'src'-attributten skal vi angive stien til vores JavaScript-fil, hvor den er gemt. Efter at have linket den eksterne JavaScript-fil til HTML-dokumentet, kan vi oprette en knap og kalde fungere bruger 'onclick' attribut med det.

Lad os forstå det ved hjælp af et program:

Program

Klik på følgende knap for at se funktionen i aktion

Forklaring af program

I ovenstående program har vi først oprettet en JavaScript-fil og defineret vores funktion i den og gemt den med . js udvidelse.

Function.js

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

Efter at have oprettet JavaScript-filen, har vi oprettet et HTML-dokument og linket vores JavaScript-fil ved hjælp af . Fordi vi har gemt vores HTML-dokument og JavaScript-fil i samme mappe, har vi netop navngivet vores JavaScript-fil i 'scr'-attributten i stedet for at angive den fulde sti i head-sektionen.

Inde i brødteksten viste vi noget tekst og oprettede en knap. For at kalde vores funktion har vi brugt onclick attribut sammen med knappen, og når brugeren klikker på den knap, udføres vores funktion og viser en advarselsmeddelelse, som du kan se i outputtet.

Klik på følgende knap for at se funktionen i aktion

Produktion

Klik nu på den givne knap: