Cookies

Na naší webové stránce používáme soubory cookies pro její správné fungování, přizpůsobení analytických dat a dynamiky obsahu pro uživatele. Více informací o cookies.

Potvrzením zároveň ukládáte souhlas se zpracováním osobních údajů v rámci nařízení GDPR.

Propojení JavaScriptu

Jak propojit JavaScript a fungovaní DOM
Předchozí Následující

#1 JavaScript

Programovací jazyk JavaScript (zkratkou JS) je nejpoužívanější skriptovací jazyk pro webové stránky. Pomocí JavaScriptu lze mít dynamičtější a interaktivnější stránky.

#2 Propojení HTML s JS

Podobně, avšak o jeden způsob méně, jako CSS, lze JavaScript propojit s HTML. Lze vložit skript přímo do souboru s HTML pomocí prvku <script> nebo ho psát do externího souboru a následně ho propojit s hlavním dokumentem.

JavaScript vložen interně

Skripty vložené přímo do HTML dokumentu se vkládají jako obsah prvku <script>.

<body>
 <!-- Obsah stránky -->
 <script>
  <!-- Skript pro stránku -->
 </script>
</body>

Externí skript

Častější verze používání skriptů na stránce je propojit externí JS soubor s HTML souborem. To se provádí taktéž pomocí prvku <script>, avšak s atributem src a bez obsahu. Takto:

<body>
 <h1 id="nadpis">HTML</h1>
 <script src="script.js"></script>
</body>
document.getElementById("nadpis").innerHTML = "JavaScript";
Poznámka: I když je odkazování podobné jako u CSS, u JavaScriptu se používá prvek <script>, nikoli prvek <link>.

V příkladu výše je HTML soubor s nadpisem „HTML“, který je však přepisován funkcí innerHTML na „JavaScript“ v JS souboru, který je propojen prvekem <script>.

Tip: Doporučuje se, aby se skripty dávaly na konec HTML dokumentů z důvodu, že vyhledávač nejdříve vykreslí HTML obsah, a až následně s ním manipuluje JavaScript, pro který už se obsah nijak nemění, na rozdíl od načítání.