Tag HTML <script>

Definicja i użycie

<script> Tagi są używane do wstawiania skryptów klienta.

<script> Element要么 zawiera instrukcje skryptu,要么 przez Atrybut src Wskazuje na zewnętrzny plik skryptu.

Najczęściej używanym typem skryptu jest JavaScript, chociaż przeglądarki rzeczywiście wspierają również inne języki skryptowe.

Częste zastosowania JavaScript to przetwarzanie obrazów, walidacja formularzy i dynamiczne zmiany treści.

Komentarz:Typ elementu script zależy od jego użycia. Element script umieszczony w elemencie head jest elementem metadanych, umieszczony w innych elementach (np. body lub sectionZakresy, które należą do elementów frazy.

Zobacz również:

Tutorial HTML:HTML Skrypt

Przeglądarka DOM Referencje:Obiekt Script

Tutorial JavaScript:Uczenie JavaScript

Przykład

Przykład 1: Definiowanie wewnętrznego skryptu dokumentu

Napisz "Hello JavaScript!" za pomocą JavaScript:

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

Spróbuj sam

Przykład 2: Wczytanie zewnętrznej biblioteki skryptu

<script src="simple.js"></script>

Spróbuj sam

Wskazówki i komentarze

Wskazówka:Dla przeglądarek z wyłączonymi skryptami lub nieobsługującymi skryptów, zobacz również Element <noscript>.

Wskazówka:Jeśli chcesz dowiedzieć się więcej o JavaScript, odwiedź nasz Kurs JavaScript.

Atrybut

Atrybut Wartość Opis
async async Określ, aby skrypt był pobierany równolegle podczas analizowania strony i natychmiast wykonany, gdy jest dostępny (przed zakończeniem analizowania)(tylko dla skryptów zewnętrznych).
crossorigin
  • anonymous
  • use-credentials
 Ustaw tryb żądania na HTTP CORS.
defer defer Określ, aby skrypt był pobierany równolegle podczas analizowania strony i wykonywany po zakończeniu analizowania strony (tylko dla skryptów zewnętrznych).
integrity filehash Pozwól przeglądarce sprawdzić pobrany skrypt, aby upewnić się, że jeśli kod źródłowy zostanie zmodyfikowany, kod nigdy nie zostanie załadowany.
nomodule
  • True
  • False
 Określ, że skrypt nie powinien być wykonywany w przeglądarkach obsługiujących moduły ES2015.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Określ, które informacje o odwołujących się są wysyłane podczas pobierania skryptu.
src URL Określ URL pliku skryptu zewnętrznego.
type Typ skryptu Określ typ medium skryptu.

Różnice między HTML a XHTML

W XHTML zawartość skryptu jest deklarowana jako #PCDATA (zamiast CDATA), co oznacza, że entuty będą analizowane.

To oznacza, że w XHTML wszystkie znaki specjalne powinny być zakodowane, lub cała zawartość powinna być umieszczona w sekcji CDATA:

<script type="text/javascript">
//<![CDATA[
zmień zmienną i = 10;
jeśli (i < 5) {
  // some code
}
//]]>
</script>

Globalne atrybuty

<script> Tagi obsługują również Globalne atrybuty HTML.

Domyślne ustawienia CSS

Większość przeglądarek wyświetli wartości domyślne następujące: <script> Element:

script {
  display: none;
}

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie