Úvod k úloze

Umístění JavaScriptu přímo do těla dokumentu je nejčastější a zároveň nejbezpečnější způsob, jak propojit HTML a skript. Důvod je jednoduchý – kód se vykonává až po načtení viditelného obsahu stránky, takže JavaScript má k dispozici všechny prvky v DOM a může s nimi spolehlivě pracovat. Díky tomu se tento přístup hodí zejména pro interaktivní funkce, jako jsou reakce na kliknutí, validace formulářů nebo dynamické úpravy obsahu.

Teorie a principy

  • Značka <script> může být vložena uvnitř <body>, obvykle na jeho konec, těsně před </body>.

  • Tento způsob zajišťuje, že skript „uvidí“ všechny prvky, protože se načítá až poté, co byl HTML obsah vykreslen.

  • Do těla dokumentu se vkládají zejména:

    • externí skripty s logikou webu,

    • skripty, které pracují s uživatelským rozhraním,

    • kódy závislé na prvcích zobrazených na stránce.

  • Pokud je skript dlouhý, vždy je vhodné mít ho v externím souboru a do těla ho pouze připojit.

Praktické příklady kódu

Interní skript v těle

Externí skript v těle

Soubor script.js:

Typické chyby / záludnosti

  • Umístění skriptu na začátek <body> – pokud pracuje s prvky, které ještě nejsou načteny, může selhat.

  • Chybně napsaná cesta k externímu souboru – bez správného src se kód nenačte.

  • Duplicitní vložení skriptů – vede k opakovanému vykonání stejné logiky.

  • Zapomenuté uzavření tagu <script> – způsobí chybu v HTML parseru.

Shrnutí

  • Skripty vkládané do těla se vykonávají až po načtení obsahu, proto jsou nejspolehlivější.

  • Nejlepší praxe je umístit <script> těsně před uzavírací </body>.

  • Do těla patří především interaktivní a funkční kód, který pracuje s DOM prvky.

  • Správně používejte externí soubory pro přehlednost a udržitelnost.