Existuje niekoľko rôznych miest, kde je možné použiť JavaScript, ale najbežnejšie miesto na jeho použitie je na webovej stránke. V skutočnosti, pre väčšinu ľudí, ktorí používajú JavaScript, na webovej stránke je jediným miestom, kde ju používajú.
Tri jazyky webovej stránky
Prvou požiadavkou webovej stránky je definovať obsah webovej stránky. Toto sa vykonáva pomocou značkovacieho jazyka, ktorý definuje, čo sú jednotlivé súčasti obsahu. Jazyk, ktorý sa bežne používa na označenie obsahu, je HTML, ale XHTML sa dá použiť aj v prípade, že stránky nepotrebujete pre prácu v programe Internet Explorer.
HTML definuje, čo je obsah. Pri správnom písaní sa nevykonáva pokus definovať, ako má tento obsah vyzerať. Obsah bude nakoniec musieť vyzerať inak v závislosti od toho, aké zariadenie sa používa na prístup k nemu. Mobilné zariadenia majú zvyčajne menšie obrazovky ako počítače. Vytlačené kópie obsahu budú mať pevnú šírku a nemusia vyžadovať úplnú navigáciu. Pre ľudí, ktorí stránku počúvajú, je potrebné definovať skôr spôsob čítania stránky, ako to, ako vyzerá.
vzhľad webovej stránky je definovaná pomocou kaskádových šablón štýlov, ktoré určujú, na ktoré médium sa konkrétne príkazy vzťahujú, takže formáty obsahu sú vhodné pre dané zariadenie.
Pomocou týchto dvoch jazykov môžete vytvoriť statické webové stránky, ktoré budú prístupné bez ohľadu na to, ktoré zariadenie sa používa na prístup na stránku. Tieto statické stránky môžu interagovať s návštevníkom pomocou formulárov. Po vyplnení a odoslaní formulára sa požiadavka odošle späť na server, kde sa zostaví nová statická webová stránka a prípadne sa stiahne do prehliadača.
Veľkou nevýhodou webových stránok, ako je táto, je to, že jediný spôsob, akým návštevník interaguje so stránkou, je vyplnenie formulára a čakanie na načítanie novej stránky.
Pridajte JavaScript pre dynamické stránky
JavaScript prevedie vašu statickú stránku na stránku, ktorá môže komunikovať s vašimi návštevníkmi bez toho, aby museli čakať na načítanie novej stránky zakaždým, keď o to požiadajú. Pridáva sa skript JavaScript správanie na webovú stránku, na ktorej stránka reaguje na akcie bez potreby načítania novej stránky na spracovanie žiadosti.
Už to neurobí návštevník je potrebné vyplniť celý formulár a odoslať ho, aby bolo povedané, že v prvom poli urobili preklep, a je potrebné ho znova zadať. Pomocou JavaScriptu môžete overiť každé pole pri jeho vstupe a poskytnúť okamžitú spätnú väzbu, keď sa pomýlia.
JavaScript tiež umožňuje interaktivitu vašej stránky inými spôsobmi, ktoré vôbec neobsahujú formuláre. Na stránku môžete pridať animácie, ktoré buď pritiahnu pozornosť na konkrétnu časť stránky, alebo ktoré uľahčia používanie stránky. Na webovej stránke môžete poskytnúť odpovede na rôzne akcie, ktoré váš návštevník podnikne, aby ste sa vyhli potrebe načítať nové webové stránky, aby ste na ne reagovali. Môžete dokonca nechať JavaScript načítať nové obrázky, objekty alebo skripty na webovú stránku bez toho, aby ste museli znova načítať celú stránku. Existuje dokonca spôsob, ako JavaScript prenášať žiadosti späť na server a spracovávať odpovede zo servera bez potreby načítania nových stránok.
Začlenenie JavaScriptu do webovej stránky umožňuje vylepšiť zážitok návštevníka jeho konverziou zo statickej stránky na stránku, ktorá s nimi môže interagovať. Jednou dôležitou vecou, na ktorú treba pamätať, je to, že nie každý, kto navštívi vašu stránku, bude mať JavaScript, a preto vaša stránka bude musieť fungovať pre tých, ktorí nemajú JavaScript. Ak chcete, aby vaša stránka fungovala lepšie pre tých, ktorí ju majú, použite JavaScript.