Introduktion til JavaScript
Javascript er en yderst stærk tilføjelse til HTML. Javascript er et simpelt programmeringssprog, der kan indsættes direkte i HTML dokumenter for at gøre siderne mere levende og interaktive. Man kan f. eks.:
- Ændre meddelelsen i statuslinjen eller indsætte en lysavis.
- kontrollere om en formular er korrekt udfyldt før den sendes.
- Åbne nye vinduer med en bestemt størrelse og bestemme om der skal vises menu- og værktøjsbjælker..
- Omdirigere brugere med bestemte browserversioner til andre web-sider.
- Udskifte et billede når musen føres hen over det. Og meget mere.
Ganske kort fungerer JavaScript ved at du vil have at noget skal ske når der gøres noget.
For eksempel at et billede skifter når cursoren føres hen over det eller at der kommer en lille advarselsboks når du trykker på en knap.
Det kaldes en "Event" og en "Eventhandler", se nedenstående eksempel:
En lille advarsel
Prøv at trykke på denne knap:
Dette er en meget enkel effekt, koden ser sådan ud:
I INPUT-taggen, der danner knappen, har jeg sat en lille stump javascript ind: onClick="alert(' Hej, dette er en lille advarsel eller besked ')".
Her er hændelsen eller "Eventen" en advarselsboks (alert()) og det, der udløser eventen, "Eventhandleren", er her et museklik (onClick). Indholdet i advarselsboksen sættes så i citationstegn mellem paranteserne i "Eventen".
Hvis du vil prøve selv, kan du ændre den røde tekst til dit eget budskab.
Du kan også indsætte den i et hyperlink-tag, så kan du lave en lille advarsel til brugeren, der klikker på linket.
Dette script er et meget simpelt eksempel. JavaScripts kan bestå af mange flere elementer. Et script i dokumentets hoved, som definerer forskellige hændelser eller funktioner, der så kan kaldes af et script i dokumentets BODY.
Nogle gange kan der være et script i BODY taggen, som f.eks. starter scriptet når dokumentet bliver indlæst og endelig kan scriptet skrives direkte i dokumentet.
I min lille JavaScriptsamling har jeg samlet en række nyttige script som du kan bruge, følg vejledningerne og prøv dig frem.
Min erfaring er nemlig at det er nemmest at lære Javascript ved at kopiere andres scripts og tilpasse dem til egne formål.