HTML tutoriál

HOME HTML Úvod do HTML HTML editory HTML Basic HTML prvky Atributy HTML HTML nadpisy HTML odstavce HTML styly Formátování HTML HTML citace HTML komentáře HTML barvy HTML CSS HTML odkazy HTML obrázky HTML favicon HTML tabulky HTML seznamy HTML Block & Inline HTML třídy ID HTML HTML iframe HTML JavaScript Cesty souboru HTML HTML hlava Rozložení HTML HTML responzivní Počítačový kód HTML Sémantika HTML Průvodce stylem HTML HTML entity HTML symboly HTML Emojis Znaková sada HTML HTML kódování URL HTML vs. XHTML

HTML formuláře

HTML formuláře Atributy formuláře HTML HTML prvky formuláře Typy vstupu HTML Vstupní atributy HTML Atributy vstupního formuláře HTML

HTML grafika

HTML plátno HTML SVG

HTML média

HTML média HTML video Zvuk HTML HTML pluginy HTML YouTube

HTML API

Geolokace HTML HTML Drag/Drop Webové úložiště HTML HTML Web Workers HTML SSE

Příklady HTML

Příklady HTML HTML kvíz HTML cvičení HTML certifikát HTML souhrn Přístupnost HTML

HTML reference

Seznam značek HTML Atributy HTML Globální atributy HTML Podpora HTML prohlížeče HTML události HTML barvy HTML plátno HTML Audio/Video HTML Doctypes HTML znakové sady HTML kódování URL HTML jazykové kódy Zprávy HTTP HTTP metody Převodník PX na EM Klávesové zkratky

HTML JavaScript


Díky JavaScriptu jsou stránky HTML dynamičtější a interaktivnější.


Příklad

My First JavaScript


HTML tag <script>

Značka HTML <script>se používá k definování skriptu na straně klienta (JavaScript).

Prvek buď obsahuje příkazy skriptu, nebo prostřednictvím atributu <script>odkazuje na externí soubor skriptu .src

Běžné použití JavaScriptu je manipulace s obrázky, ověřování formulářů a dynamické změny obsahu.

Pro výběr prvku HTML tuto document.getElementById()metodu nejčastěji používá JavaScript.

Tento příklad JavaScriptu píše "Ahoj JavaScript!" do prvku HTML s id="demo":

Příklad

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Tip: Mnohem více o JavaScriptu se můžete dozvědět v našem JavaScript Tutorial .


Chuť JavaScriptu

Zde je několik příkladů toho, co JavaScript umí:

Příklad

JavaScript může měnit obsah:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Příklad

JavaScript může měnit styly:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Příklad

JavaScript může změnit atributy:

document.getElementById("image").src = "picture.gif";


HTML tag <noscript>

Značka HTML <noscript>definuje alternativní obsah, který se zobrazí uživatelům, kteří ve svém prohlížeči zakázali skripty nebo mají prohlížeč, který skripty nepodporuje:

Příklad

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

HTML cvičení

Otestujte se pomocí cvičení

Cvičení:

Pomocí JavaScriptu změňte obsah HTML <p>prvku na „Hello World!“.

<body>

<p id="demo">Ahoj.</p>

<script>
dokument.("demo").innerHTML = "Ahoj světe!";
</script>

</body>


Značky skriptů HTML

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

Úplný seznam všech dostupných značek HTML naleznete v naší Referenční příručce značek HTML .