HTML <script> etiket

Definition og brug

<script> etiket bruges til at indlejre klient-side skript.

<script> elementer enten indeholder skriptinstruktioner eller src-ejendommen Peger på eksterne skriptfiler.

Den mest almindelige skripttype er JavaScript, men browseren understøtter også nogle andre skript.sprog.

De mest almindelige anvendelser af JavaScript er billedbehandling, formvalidering og dynamisk indhold ændring.

Bemærkninger:script-elementets type afhænger af dens brug. Script-elementer, der findes i head-elementet, er metadata-elementer, og script-elementer, der findes i andre elementer (som body eller sectionder er短语元素。

Se også:

HTML-tutorial:HTML-skript

HTML DOM referencemanual:Script-objektet

JavaScript-tutorial:Lær JavaScript

Eksempel

Eksempel 1: Definer indlejret script i dokumentet

Skriv "Hello JavaScript!" med JavaScript:

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

Prøv det selv

Eksempel 2: Indlæs ekstern scriptbibliotek

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

Prøv det selv

Ved og kommentarer

VedFor browsere, der har script deaktiveret eller ikke understøtter script, se også <noscript>-elementet.

VedHvis du vil lære mere om JavaScript, besøg vores JavaScript tutorial.

Egenskab

Egenskab Værdi Beskrivelse
async async Definerer, at scriptet skal downloades parallelt med sideindlæsningen og køres øjeblikkeligt, når det er tilgængeligt (før parsing er fuldt ud afsluttet) (kun for eksterne scripter).
crossorigin
  • anonymous
  • use-credentials
 Sætter forespørgselsmønstret til HTTP CORS-forespørgsel.
defer defer Definerer, at scriptet skal downloades parallelt med sideindlæsningen og køres efter at siden er fuldt ud解析et (kun for eksterne scripter).
integrity filehash Tillader browseren at kontrollere det hentede script for at sikre, at kode aldrig vil blive indlæst, hvis kildekoden er ændret.
nomodule
  • True
  • False
 Definerer, at scriptet ikke skal køres i browsere, der understøtter 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
 Definerer hvilke referencer, der skal sendes, når scriptet hentes.
src URL Definerer URL'en til den eksterne scriptfil.
type Script-type Definerer medietypen for script.

Forskelle mellem HTML og XHTML

I XHTML er indholdet i script markeret som #PCDATA (i stedet for CDATA), hvilket betyder, at entity'erne vil blive fortolket.

Dette betyder, at alle specialtegn skal kodes eller hele indholdet skal være indkapslet i en CDATA-sektion i XHTML:

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

Global egenskab

<script> Etiketterne understøtter også Global egenskab i HTML.

Standard CSS indstilling

De fleste browsere viser med følgende standardværdier <script> Element:

script {
  display: none;
}

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support