Przykład
Napisz "Hello JavaScript!" z JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Spróbuj sam " Definicja i Wykorzystanie
<script> tag służy do definiowania skrypt po stronie klienta (JavaScript).
<script> elementem albo zawiera instrukcje skryptów, albo zwraca się do zewnętrznego pliku skryptu przez src atrybutu.
Typowe zastosowania dla JavaScriptu są do obróbki zdjęć, walidacja formularza, a dynamiczne zmiany zawartości.
Wskazówka: Jeśli chcesz dowiedzieć się JavaScript, odwiedź naszą JavaScript Tutorial .
Pomoc Browser
Element | |||||
---|---|---|---|---|---|
<script> | tak | tak | tak | tak | tak |
Porady i wskazówki
Uwaga: Jeśli "src" atrybut jest obecny, <script> element musi być pusty.
Wskazówka: Zobacz również w <noscript> element 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.
Uwaga: Istnieje kilka sposobów skrypt zewnętrzne mogą być wykonywane:
- Jeśli async="async" : Skrypt jest wykonywany asynchronicznie z resztą strony (skrypt zostanie wykonany, gdy strona kontynuuje parsowania)
- Jeśli async nie jest obecny i defer="defer" : Skrypt jest wykonywany, gdy strona zakończeniu analizowania
- Jeśli ani async lub defer jest obecny: Skrypt jest pobierany i wykonywane natychmiast, zanim przeglądarka kontynuuje parsowania stronę
Różnice między HTML 4.01 i HTML5
"type" atrybut jest wymagany w HTML 4, ale opcjonalnie w HTML5.
"async" atrybut jest nowego w HTML5.
Atrybut HTML 4.01: "xml:space" , nie jest obsługiwana w HTML5.
Różnice między HTML i XHTML
W XHTML zawartość wewnątrz skryptów jest zadeklarowana jako #PCDATA (zamiast CDATA), co oznacza, że podmioty będą przetwarzane.
Oznacza to, że w XHTML, wszystkie znaki specjalne powinny być zakodowane lub wszystkie treści powinny być opakowane wewnątrz sekcji CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Atrybuty
= Nowe w HTML5.
Atrybut | Wartość | Opis |
---|---|---|
async | async | Określa, że skrypt jest wykonywany asynchronicznie (tylko w przypadku skryptów zewnętrznych) |
charset | charset | Określa kodowanie znaków używane w zewnętrznym pliku skryptu |
defer | defer | Określa, że skrypt jest wykonywany, gdy strona zakończyła parsowania (tylko w przypadku skryptów zewnętrznych) |
src | URL | Określa adres URL zewnętrznego pliku skryptu |
type | media_type | Określa typ nośnika skryptu |
xml:space | preserve | Nie jest obsługiwany w HTML5. Określa, czy spacji w kodzie powinny być zachowane |
Atrybuty globalne
<script> tag obsługuje również globalne Atrybuty w HTML .
Podobne strony
Poradnik HTML: Skrypty HTML
Odniesienia HTML DOM: Script obiektu
JavaScript Tutorial: Dowiedz JavaScript
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <script> element z następujących wartości domyślnych:
script {
display: none;
}