On monia tapoja kutsua JavaScript-funktiota HTML-dokumentissa, eikä se myöskään ole vaikea tehtävä. Ensinnäkin olemme käyttäneet yhtä helpoimmista tavoista soittaa a JavaScript funktio HTML-dokumentissa:

Tässä menetelmässä luomme ja määritämme funktion HTML-dokumentin head-osiossa. Tämän toiminnon käynnistämiseksi html-dokumentissa meidän on luotava yksinkertainen painike ja käyttämällä klikkaamalla event-attribuutti (joka on tapahtumakäsittelijä) yhdessä sen kanssa, voimme kutsua funktiota napsauttamalla painiketta.

Ymmärtääksesi sen selkeämmin, katsotaan annettua ohjelmaa:

Ohjelmoida

hadoop opetusohjelma

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

Ohjelman selitys

Yllä annetussa ohjelmassa olemme luoneet yksinkertaisen HTML-dokumentin. HTML-dokumentin head-osion sisällä olemme määrittäneet funktion ( esim. myfunction();) komentosarjatunnisteiden sisällä ... .

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

Toisaalta runko-osion sisällä näytimme tekstiä ja loimme painikkeen. Kutsuaksemme toimintoamme olemme käyttäneet klikkaamalla attribuutti yhdessä painikkeen kanssa ja kun käyttäjä napsauttaa painiketta, toimintomme suoritetaan ja näyttää hälytysviestin, kuten voit nähdä tulosteessa.

Napsauta seuraavaa painiketta nähdäksesi toiminnon toiminnassa

Lähtö

Funktion kutsuminen ulkoisen JavaScript-tiedoston avulla

Voimme kutsua JavaScript-funktioita myös käyttämällä ulkoista JavaScript-tiedostoa, joka on liitetty HTML-dokumenttiin. Tätä varten meidän on ensin luotava JavaScript-tiedosto ja määritettävä siihen funktiomme ja tallennettava se (.Js) -tunnisteella.

Kun JavaScript-tiedosto on luotu, meidän on luotava yksinkertainen HTML-dokumentti. Sisällyttääksemme JavaScript-tiedostomme HTML-dokumenttiin meidän on käytettävä komentosarjatunnistetta ja 'src'-attribuutissa meidän on annettava polku JavaScript-tiedostoomme, johon se on tallennettu. Kun ulkoinen JavaScript-tiedosto on linkitetty HTML-dokumenttiin, voimme luoda painikkeen ja kutsua toiminto käyttämällä 'klikkaamalla' attribuutti sen kanssa.

Ymmärretään se ohjelman avulla:

Ohjelmoida

Napsauta seuraavaa painiketta nähdäksesi toiminnon toiminnassa

Ohjelman selitys

Yllä olevassa ohjelmassa olemme ensin luoneet JavaScript-tiedoston ja määrittäneet siihen funktiomme ja tallentaneet sen . js laajennus.

Function.js

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

JavaScript-tiedoston luomisen jälkeen olemme luoneet HTML-dokumentin ja linkittäneet JavaScript-tiedostomme käyttämällä . Koska olemme tallentaneet HTML-dokumenttimme ja JavaScript-tiedostomme samaan kansioon, olemme juuri nimenneet JavaScript-tiedostomme 'scr'-attribuutilla sen sijaan, että olisimme antaneet koko polun head-osiossa.

Runko-osan sisällä näytimme tekstiä ja loimme painikkeen. Kutsuaksemme toimintoamme olemme käyttäneet klikkaamalla attribuutti yhdessä painikkeen kanssa ja kun käyttäjä napsauttaa painiketta, toimintomme suoritetaan ja näyttää hälytysviestin, kuten voit nähdä tulosteessa.

Napsauta seuraavaa painiketta nähdäksesi toiminnon toiminnassa

Lähtö

Napsauta nyt annettua painiketta: