HTML kode for Calling en funksjon i en JS-fil

Nettsider kan referere til koden i eksterne filer. Dette tillater utviklerne å ringe på Javascript-funksjoner som er lagret i "JS" filer. Innenfor hodet delen av en HTML-webside, kan en kobling importere innholdet i en Javascript-fil. I kroppen delen kan HTML markup inneholde instruksjoner for leseren å kalle funksjoner i alle Javascript-filer knyttet til i hodet. Ofte websider ringe på slike funksjoner når brukerinteraksjon med siden oppstår.

script Link

For å gjøre bruk av funksjoner i en ekstern Javascript-fil, må en webside inneholde en lenke til filen. Følgende eksempel HTML markup demonstrerer en link til en Javascript-fil oppført i HTML hodedelen:

<Script type = "text / javascript" som er lagret i samme katalog som selve siden. Hvis skriptet adressen ligger på et annet sted, må denne koden for å reflektere plasseringen som en del av "src" attributt.

funksjon Outline

Å kalle en Javascript-funksjon, må du vite funksjonen disposisjon. For å sjekke dette, kan du finne den funksjonen i sin kilde Javascript-fil og se på sin første linje. Javascript-koden Følgende eksempel viser omrisset av en funksjon:

fungere doSomethingGood ()

Å kalle denne funksjonen, må Javascript-kode i websiden bruker funksjonsnavnet, som i følgende kode utdrag:

doSomethingGood ();

Når dette koden utføres, vil innholdet av funksjonen utføres.

HTML Markup

Å kalle en Javascript-funksjon fra HTML, programmerere må bestemme når funksjonen skal utføre. Ofte fungerer kjøre på brukerinteraksjon med et HTML-element. Denne teknikken bruker hendelsen lyttere, som du kan feste til HTML-elementer ved hjelp av attributter. Følgende HTML markup-koden demonstrerer hvordan du angir en Javascript-funksjon som skal utføres når brukeren klikker et element:

<Input type = "button" value = "Klikk for å gjøre noe bra" onclick = "doSomethingGood ();" />

Når brukeren klikker på denne knappen, vil nettleseren finne funksjonen spesifisert, deretter kjøre den.

alternativer

Utviklere trenger å skreddersy sine funksjonskall til detaljene om funksjonene selv. Noen funksjoner tar parametere og noen returverdier når de er ferdig med å utføre. Javascript-funksjonen følgende eksempel tar en parameter og returnerer en verdi:

funksjon multiplyIt (startNum) {

tilbake startNum * 5;

}

Følgende eksempel Javascript utdrag demonstrerer kalle denne funksjonen og bruk av returverdien:

Var resultNum = multiplyIt (3);

document.write (resultNum);

Kode passerer en tallverdi på funksjonen og mottar en annen tallverdi i retur. Den lagrer den returnerte verdi i en variabel, og deretter bruker denne innenfor videre behandling.