Innhold
Websider kan spørre koder i eksterne filer. Dette tillater utviklere å ringe JavaScript-funksjoner lagret i ".js" -filer. I delen "Hodet" på en HTML-nettside kan en kobling importere innholdet til en JavaScript-fil. I delen "Body" kan HTML-oppslag inneholde instruksjoner for nettleseren for å ringe funksjoner i eventuelle JavaScript-filer som er inkludert på siden. Websider kaller ofte disse funksjonene når noen interaksjon med brukeren oppstår på siden.
Skriptkobling
For å kunne benytte funksjoner i en ekstern JavaScript-fil, må en webside inneholde en kobling til filen. Følgende HTML-oppgraderingseksempel demonstrerer en kobling til en JavaScript-fil som er oppført i "hodet" -delen av HTML:
Denne koden tillater at siden bruker funksjoner fra en fil kalt "myfuncoes.js", som er lagret i samme katalog som den aktuelle siden. Hvis adressen til skriptet ligger på et annet sted, må denne koden gjenspeile plasseringen i attributten "src".Funksjonsoversikt
For å ringe en JavaScript-funksjon, må du kjenne oversikten over funksjonen. For å sjekke dette, kan du finne funksjonen i JavaScript-filen din og se på den første linjen. Følgende JavaScript-kodeeksempel viser skisse av en funksjon:
funksjon facaAlgoDeBom ()
For å ringe denne funksjonen må JavaScript-koden på nettsiden bruke navnet på funksjonen, som i denne kodestykket:
facaAlgoDeBom ();
Når denne koden er utført, vil innholdet i funksjonen bli utført.
HTML markup
For å ringe en JavaScript-funksjon i HTML, må programmerere bestemme når du skal kjøre funksjonen. Funksjonene utføres ofte før en brukerinteraksjon med et HTML-element. Denne teknikken bruker hendelseslyttere, som du kan knytte til HTML-elementer gjennom attributter. Koden nedenfor viser hvordan du spesifiserer en JavaScript-funksjon som utføres når brukeren klikker på et element:
Når brukeren klikker denne knappen, vil nettleseren finne den angitte funksjonen og deretter utføre den.
opsjoner
Utviklere trenger å skreddersy sine funksjonsanrop til detaljene i funksjonene. Noen funksjoner krever parametere og noen returverdier når de er ferdigstilt. Følgende eksempel tar en parameter og returnerer en verdi:
funksjon multipliserer (InitialNumber) {return InitialNumber * 5; }
Følgende utdrag demonstrerer hvordan du skal ringe denne funksjonen og bruke returverdien:
var resultat = multipliserer (3); document.write (result);
Koden overfører en numerisk verdi til funksjonen og mottar en annen returverdi. Den lagrer den returnerte verdien i en variabel og bruker deretter den returneringen i en annen gjengivelse.
