HTML JavaScript
JavaScript sprawia, że strony HTML są bardziej dynamiczne i interaktywne.
Przykład
My First JavaScript
Znacznik HTML <script>
Znacznik HTML <script>
służy do definiowania skryptu po stronie klienta (JavaScript).
Element zawiera instrukcje skryptu lub poprzez atrybut <script>
wskazuje zewnętrzny plik skryptu .src
Typowe zastosowania JavaScript to manipulacja obrazami, walidacja formularzy i dynamiczne zmiany treści.
Do wybrania elementu HTML najczęściej używa się
document.getElementById()
metody JavaScript.
Ten przykład JavaScript pisze "Hello JavaScript!" do elementu HTML z id="demo":
Przykład
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Wskazówka: możesz dowiedzieć się więcej o JavaScript w naszym samouczku JavaScript .
Smak JavaScript
Oto kilka przykładów możliwości JavaScript:
Przykład
JavaScript może zmieniać treść:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
Przykład
JavaScript może zmieniać style:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
Przykład
JavaScript może zmieniać atrybuty:
document.getElementById("image").src = "picture.gif";
Znacznik HTML <noscript>
Tag HTML <noscript>
definiuje alternatywną treść, która ma być wyświetlana użytkownikom, którzy mają wyłączone skrypty w swojej przeglądarce lub mają przeglądarkę, która nie obsługuje skryptów:
Przykład
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
Ćwiczenia HTML
Tagi skryptu HTML
Tag | Description |
---|---|
<script> | Defines a client-side script |
<noscript> | Defines an alternate content for users that do not support client-side scripts |
Pełną listę wszystkich dostępnych tagów HTML można znaleźć w naszym podręczniku HTML Tag Reference .