Der er en række forskellige steder, hvor JavaScript kan bruges, men det mest almindelige sted at bruge det er på en webside. Faktisk for de fleste der bruger JavaScript, på en webside er det eneste sted, hvor de bruger den.
De tre sprog på et websted
Det første krav på en webside er at definere indhold på websiden. Dette gøres ved hjælp af et markeringssprog, der definerer, hvad hver af komponentdelene i indholdet er. Det sprog, der normalt bruges til at markere indholdet, er HTML, selvom XHTML også kan bruges, hvis du ikke kræver, at siderne fungerer i Internet Explorer.
HTML definerer, hvad indholdet er. Når der skrives korrekt, gøres der ikke noget forsøg på at definere, hvordan indholdet skal se ud. Når alt kommer til alt, skal indholdet se anderledes ud, afhængigt af hvilken enhed der bruges til at få adgang til det. Mobile enheder har generelt mindre skærme end computere. Trykte kopier af indholdet har en fast bredde og kræver muligvis ikke, at al navigering er inkluderet. For folk, der lytter til siden, vil det være, hvordan siden læses snarere end hvordan den ser ud, der skal defineres.
Det udseende på en webside defineres ved hjælp af Cascading Style Sheets, der specificerer hvilke medier de specifikke kommandoer anvender, så indholdet formateres passende for enheden.
Brug af kun disse to sprog kan du oprette statiske websider, der vil være tilgængelige uanset hvilken enhed der bruges til at få adgang til siden. Disse statiske sider kan interagere med din besøgende ved hjælp af formularer. Når en formular er udfyldt og indsendt, sendes en anmodning tilbage til serveren, hvor en ny statisk webside er konstrueret og til sidst downloades til browseren.
Den store ulempe ved websider som denne er, at den eneste måde, din besøgende har til at interagere med siden, er ved at udfylde formularen og vente på, at en ny side indlæses.
Tilføj JavaScript til dynamiske sider
JavaScript oversætter din statiske side til en side, der kan interagere med dine besøgende, uden at de behøver at vente på, at en ny side indlæses, hver gang de beder om en anmodning. JavaScript tilføjer opførsel til den webside, hvor siden reagerer på handlinger uden at skulle indlæse en ny side for at behandle anmodningen.
Ikke længere gør din besøgende har brug for at udfylde en hel formular og indsende den for at få at vide, at de lavede en skrivefejl i det første felt og skal indtaste det hele igen. Med JavaScript kan du validere hvert af felterne, når de går ind i det og give øjeblikkelig feedback, når de fejler.
JavaScript tillader også, at din side er interaktiv på andre måder, der slet ikke involverer formularer. Du kan tilføje animationer på siden, der enten tiltrækker opmærksomhed til en bestemt del af siden, eller som gør siden lettere at bruge. Du kan give svar på websiden på forskellige handlinger, som din besøgende udfører for at undgå behovet for at indlæse nye websider for at svare. Du kan endda få JavaScript til at indlæse nye billeder, objekter eller scripts til websiden uden at skulle genindlæse hele siden. Der er endda en måde for JavaScript at videresende anmodninger tilbage til serveren og håndtere svar fra serveren uden at skulle indlæse nye sider.
Inkorporering af JavaScript på en webside giver dig mulighed for at forbedre din besøgende oplevelse ved at konvertere den fra en statisk side til en, der kan interagere med dem. En vigtig ting at huske er dog, at ikke alle, der besøger din side, vil have JavaScript, og derfor skal din side stadig arbejde for dem, der ikke har JavaScript. Brug JavaScript til at få din side til at fungere bedre for dem, der har den.