Znacznik HTML <script>
Przykład
Napisz "Witaj JavaScript!" z JavaScriptem:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Definicja i użycie
Tag <script>służy do osadzenia skryptu po stronie klienta (JavaScript).
Element <script>zawiera instrukcje skryptowe lub wskazuje zewnętrzny plik skryptu za pomocą atrybutu src.
Typowe zastosowania JavaScript to manipulacja obrazami, walidacja formularzy i dynamiczne zmiany treści.
Wskazówki i uwagi
Wskazówka: spójrz również na element <noscript> dla użytkowników, którzy mają wyłączone skrypty w swojej przeglądarce lub mają przeglądarkę, która nie obsługuje skryptów po stronie klienta.
Wskazówka: jeśli chcesz dowiedzieć się więcej o JavaScript, odwiedź nasz samouczek JavaScript .
Obsługa przeglądarki
| Element | |||||
|---|---|---|---|---|---|
| <script> | Yes | Yes | Yes | Yes | Yes |
Atrybuty
| Attribute | Value | Description |
|---|---|---|
| async | async | Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts) |
| crossorigin | anonymous use-credentials |
Sets the mode of the request to an HTTP CORS Request |
| defer | defer | Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts) |
| integrity | filehash | Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated |
| nomodule | True False |
Specifies that the script should not be executed in browsers supporting ES2015 modules |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching a script |
| src | URL | Specifies the URL of an external script file |
| type | scripttype | Specifies the media type of the script |
Różnice między HTML a XHTML
W XHTML zawartość wewnątrz skryptów jest deklarowana jako #PCDATA (zamiast CDATA), co oznacza, że encje będą analizowane.
Oznacza to, że w XHTML wszystkie znaki specjalne powinny być zakodowane lub cała zawartość powinna być opakowana w sekcję CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Atrybuty globalne
Znacznik <script>obsługuje również atrybuty globalne w HTML .
Powiązane strony
Samouczek HTML: Skrypty HTML
Dokumentacja HTML DOM: Obiekt skryptu
Samouczek JavaScript: Naucz się JavaScript
Domyślne ustawienia CSS
Większość przeglądarek wyświetla <script>element z następującymi wartościami domyślnymi:
script {
display: none;
}