Er zijn een aantal verschillende plaatsen waar JavaScript kan worden gebruikt, maar de meest gebruikelijke plaats is JavaScript. In feite voor de meeste mensen die gebruiken JavaScript, in een webpagina is de enige plaats waar ze het gebruiken.
De drie talen van een website
De eerste vereiste van een webpagina is het definiëren van de inhoud van de webpagina. Dit wordt gedaan met een opmaaktaal die definieert wat elk van de samenstellende delen van de inhoud is. De taal die normaal gesproken wordt gebruikt om de inhoud op te maken, is HTML, hoewel XHTML ook kan worden gebruikt als u niet wilt dat de pagina's in Internet Explorer werken.
De HTML definieert wat de inhoud is. Als het goed is geschreven, wordt er niet geprobeerd om te definiëren hoe die inhoud eruit moet zien. De inhoud moet er immers anders uitzien, afhankelijk van welk apparaat wordt gebruikt om er toegang toe te hebben. Mobiele apparaten hebben over het algemeen kleinere schermen dan computers. Afgedrukte exemplaren van de inhoud hebben een vaste breedte en vereisen mogelijk niet dat alle navigatie is opgenomen. Voor mensen die naar de pagina luisteren, moet de manier waarop de pagina wordt gelezen in plaats van hoe deze eruit ziet, worden gedefinieerd.
De uiterlijk van een webpagina wordt gedefinieerd met behulp van Cascading Style Sheets die specificeren op welke media de specifieke opdrachten van toepassing zijn, zodat de inhoud geschikt is voor het apparaat.
Met alleen deze twee talen kunt u statische webpagina's maken die toegankelijk zijn, ongeacht welk apparaat wordt gebruikt om de pagina te openen. Deze statische pagina's kunnen via het gebruik van formulieren met uw bezoeker communiceren. Nadat een formulier is ingevuld en verzonden, wordt een verzoek teruggestuurd naar de server waar een nieuwe statische webpagina wordt gemaakt en uiteindelijk gedownload naar de browser.
Het grote nadeel van dergelijke webpagina's is dat de enige manier waarop uw bezoeker interactie heeft met de pagina, is door het formulier in te vullen en te wachten tot een nieuwe pagina wordt geladen.
Voeg JavaScript toe voor dynamische pagina's
JavaScript vertaalt uw statische pagina in een die met uw bezoekers kan communiceren zonder dat ze hoeven te wachten tot een nieuwe pagina wordt geladen telkens wanneer ze een verzoek indienen. JavaScript voegt toe gedrag naar de webpagina waar de pagina reageert op acties zonder een nieuwe pagina te hoeven laden om de aanvraag te verwerken.
Uw niet meer bezoeker moeten een volledig formulier invullen en indienen om te horen dat ze een typefout hebben gemaakt in het eerste veld en alles opnieuw moeten invoeren. Met JavaScript kunt u elk van de velden valideren terwijl ze het invoeren en onmiddellijke feedback geven wanneer ze een fout maken.
JavaScript zorgt er ook voor dat uw pagina interactief kan zijn op andere manieren die helemaal geen formulieren bevatten. U kunt animaties aan de pagina toevoegen die de aandacht trekken naar een specifiek deel van de pagina of die de pagina gebruiksvriendelijker maken. U kunt binnen de webpagina reageren op verschillende acties die uw bezoeker onderneemt om te voorkomen dat er nieuwe webpagina's moeten worden geladen om te reageren. U kunt zelfs het JavaScript nieuwe afbeeldingen, objecten of laten laden scripts in de webpagina zonder de hele pagina opnieuw te hoeven laden. Er is zelfs een manier voor JavaScript om verzoeken terug te sturen naar de server en reacties van de server af te handelen zonder dat er nieuwe pagina's moeten worden geladen.
JavaScript opnemen in een webpagina stelt u in staat om de ervaring van uw bezoeker te verbeteren door deze van een statische pagina om te zetten in een pagina die ermee kan communiceren. Een belangrijk ding om te onthouden is echter dat niet iedereen die uw pagina bezoekt JavaScript heeft en dat uw pagina dus nog steeds moet werken voor degenen die geen JavaScript hebben. Gebruik JavaScript om uw pagina beter te laten werken voor degenen die hem hebben.