JavaScript sprawia stron HTML bardziej dynamiczny i interaktywny.
Spróbuj sam - przykłady
Wstawianie skryptu
Jak wstawić JavaScript w dokumencie HTML.
Zastosowanie <noscript> tag
Jak obchodzić się z przeglądarek, które nie obsługują skryptów lub mieć włączony wyłączony.
HTML <script> Tag
<script> tag służy do definiowania skrypt (JavaScript) .
<script> pierwiastek albo zawiera instrukcje skryptów lub wskazuje do zewnętrznego pliku skryptu przez src atrybutu.
Typowe zastosowania dla JavaScriptu są manipulacja obrazu, walidacja formularza, a dynamiczne zmiany zawartości.
Poniższy scenariusz pisze Witam JavaScript! do elementu HTML z id="demo" :
Przykład
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script> Spróbuj sam " Aby dowiedzieć się wszystkiego o JavaScript, odwiedź naszą JavaScript Tutorial !
HTML <noscript> Tag
<noscript> tag służy do zapewnienia alternatywną zawartość dla użytkowników, którzy mają niepełnosprawne skryptów w przeglądarce lub mają przeglądarki, która nie obsługuje skryptów po stronie klienta.
<noscript> element może zawierać wszystkie elementy, które można znaleźć wewnątrz <body> element zwykłej strony HTML.
Zawartość wewnątrz <noscript> będzie wyświetlany tylko wtedy, gdy elementu skrypty nie są obsługiwane lub są wyłączone w przeglądarce użytkownika:
Przykład
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript> Spróbuj sam " A Taste of JavaScript (From Our JavaScript Tutorial)
Oto kilka przykładów tego, co można zrobić JavaScript:
JavaScript może zmienić zawartość HTML:
document.getElementById("demo").innerHTML = "Hello JavaScript!"; Spróbuj sam " JavaScript może zmieniać style HTML:
document.getElementById("demo").style.fontSize = "25px"; Spróbuj sam " JavaScript może zmienić atrybutów HTML:
document.getElementById("image").src = "picture.gif"; Spróbuj sam " Tagi HTML Script
| Etykietka | Opis |
|---|---|
| <script> | Definiuje skrypt po stronie klienta |
| <noscript> | Określa alternatywną zawartość dla użytkowników, które nie obsługują skryptów po stronie klienta |