TechCodeview

Det er mange måter å kalle en JavaScript-funksjon i HTML-dokumentet, og det er heller ikke en vanskelig oppgave. For det første har vi brukt en av de enkleste måtene å ringe en JavaScript funksjon i HTML-dokument:

I denne metoden vil vi opprette og definere en funksjon i HTML-dokumentets head-seksjon. For å påkalle denne funksjonen i html-dokumentet, må vi lage en enkel knapp og bruke ved trykk hendelsesattributt (som er en hendelsesbehandler) sammen med det, kan vi kalle opp funksjonen ved å klikke på knappen.

For å forstå det klarere, la oss se det gitte programmet:

Program

java søvn

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

Forklaring av program

I programmet ovenfor har vi laget et enkelt HTML-dokument. Inne i head-delen av HTML-dokumentet har vi definert en funksjon ( f.eks. min funksjon();) inne i skriptkodene ... .

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

På den annen side, inne i brødtekstdelen, viste vi litt tekst og laget en knapp. For å kalle funksjonen vår har vi brukt ved trykk attributtet sammen med knappen, og når brukeren klikker på den knappen, kjøres funksjonen vår og viser en varselmelding, som du kan se i utdataene.

Klikk på følgende knapp for å se funksjonen i aksjon

Produksjon

Kalle opp en funksjon ved hjelp av ekstern JavaScript-fil

Vi kan også kalle JavaScript-funksjoner ved å bruke en ekstern JavaScript-fil vedlagt HTML-dokumentet vårt. For å gjøre dette må vi først lage en JavaScript-fil og definere funksjonen vår i den og lagre den med (.Js) filtypen.

Når JavaScript-filen er opprettet, må vi lage et enkelt HTML-dokument. For å inkludere JavaScript-filen vår i HTML-dokumentet, må vi bruke script-taggen og i 'src'-attributtet må vi oppgi banen til JavaScript-filen vår der den er lagret. Etter å ha koblet den eksterne JavaScript-filen til HTML-dokumentet, kan vi lage en knapp og kalle funksjon bruker 'ved trykk' attributt med det.

La oss forstå det ved hjelp av et program:

Program

Klikk på følgende knapp for å se funksjonen i aksjon

Forklaring av program

I programmet ovenfor har vi først laget en JavaScript-fil og definert funksjonen vår i den og lagret den med . js Utvidelse.

Function.js

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

Etter å ha opprettet JavaScript-filen, har vi opprettet et HTML-dokument og koblet JavaScript-filen vår ved hjelp av . Fordi vi har lagret HTML-dokumentet og JavaScript-filen vår i samme mappe, har vi nettopp kalt JavaScript-filen vår i 'scr'-attributtet i stedet for å oppgi hele banen i head-delen.

Inne i brødtekstdelen viste vi litt tekst og laget en knapp. For å kalle funksjonen vår har vi brukt ved trykk attributtet sammen med knappen, og når brukeren klikker på den knappen, kjøres funksjonen vår og viser en varselmelding, som du kan se i utdataene.

Klikk på følgende knapp for å se funksjonen i aksjon

Produksjon

Klikk nå på den angitte knappen: