HTML <script> etikett

Definition och användning

<script> taggen används för att inbädda klient-skript.

<script> Elementet innehåller antingen skriptkommandon, eller src-attribut Peka på en extern skriptfil.

Det mest använda skripttypen är JavaScript, men webbläsare stöder också några andra skriptSpråk.

JavaScript används ofta för bildbehandling, formulärvalidering och dynamisk innehållsändring.

Kommentar:script-elementets typ beror på dess användning. Script-element som finns i head-elementet är metadata-element, medan de som finns i andra element (som body eller section）är en fras-element.

Se också:

HTML-tutorial:HTML-skript

HTML DOM-referenshandboken:Script-objektet

JavaScript-tutorial:Lär dig JavaScript

Exempel

Exempel 1: Definiera inbäddat skript i dokumentet

Skriv "Hello JavaScript!" med JavaScript:

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

Prova det själv

Exempel 2: Ladda in extern skriptbibliotek

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

Prova det själv

Tips och kommentarer

Tips:För webbläsare som har skript avstängt eller inte stöder skript, se också <noscript>-elementet.

Tips:Om du vill lära dig mer om JavaScript, besök vår JavaScript kurs.

Egenskap

Egenskap Värde Beskrivning
async async Definiera att skriptet ska laddas ner parallellt med att sidan parsas och köras omedelbart när det är tillgängligt (före att parsing är klar) (endast för externa skript).
crossorigin
  • anonymous
  • use-credentials
 Sätt modellen för förfrågan till HTTP CORS-förfrågan.
defer defer Definiera att skriptet ska laddas ner parallellt med att sidan parsas och köras efter att sidan är klar med parsing (endast för externa skript).
integrity filehash Tillåt webbläsaren att kontrollera det hämtade skriptet för att säkerställa att koden aldrig laddas om källkoden har manipulerats.
nomodule
  • True
  • False
 Definiera att skriptet inte ska köras i webbläsare som stöder ES2015-moduler.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Definiera vilka referensinformation som ska skickas när skriptet hämtas.
src URL Definiera URL:en för den externa skriptfilen.
type Skripttyp Definiera medietypen för skript.

Skillnader mellan HTML och XHTML

I XHTML deklareras innehållet i skript som #PCDATA (istället för CDATA), vilket innebär att entiteter kommer att tolkas.

Detta innebär att alla specialtecken bör kodas eller att all innehåll bör omges av en CDATA-del i XHTML:

<script type="text/javascript">
//<![CDATA[
var i = 10;
om (i < 5) {
  // some code
}
//]]>
</script>

Globala egenskaper

<script> Etiketterna stöder också Globala egenskaper i HTML.

Standard CSS-inställningar

De flesta webbläsare visar med följande standardvärden <script> Element:

script {
  display: none;
}

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd