HTML <script> tag

Definitie en gebruik

<script> tag wordt gebruikt om clientse scripts in te voegen.

<script> Elementen bevatten ofwel scriptverklaringen, ofwel src-eigenschap Wijst naar een externe scriptbestand.

Het meest gebruikte scripttype is JavaScript, hoewel browsers ook andere scripttalen ondersteunen.

De meest voorkomende toepassingen van JavaScript zijn afbeeldingsverwerking, formuliervalidatie en dynamische wijzigingen van inhoud.

Opmerking:Het type van het script-element hangt af van zijn gebruik. Script-elementen in de head-elementen zijn metadata-elementen, terwijl script-elementen in andere elementen (zoals body of sectionDeze behoren tot de phrase-elementen.

Zie ook:

HTML handleiding:HTML script

HTML DOM referentiehandleiding:Script object

JavaScript handleiding:Leren JavaScript

Voorbeeld

Voorbeeld 1: Definieer een ingesloten script in het document

Gebruik JavaScript om "Hello JavaScript!" te schrijven:

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

Probeer het zelf uit

Voorbeeld 2: Laad een externe scriptbibliotheek in

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

Probeer het zelf uit

Tips en opmerkingen

Tip:Voor browsers die scripts uitschakelen of scripts niet ondersteunen, zie ook <noscript>-element.

Tip:Als je meer wilt weten over JavaScript, bezoek dan onze JavaScript tutorial.

Eigenschap

Eigenschap Waarde Beschrijving
async async Stelt in dat het script parallel wordt gedownload terwijl de pagina wordt geparset en onmiddellijk wordt uitgevoerd zodra het beschikbaar is (voorafgaand aan de voltooiing van de parsing) (alleen van toepassing op externe scripts).
crossorigin
  • anonymous
  • use-credentials
 Stelt het verzoekpatroon in als een HTTP CORS-verzoek.
defer defer Stelt in dat het script parallel wordt gedownload terwijl de pagina wordt geparset en wordt uitgevoerd nadat de pagina is volledig geparset (alleen van toepassing op externe scripts).
integrity filehash Stelt toe dat de browser de opgehaalde script controleert om ervoor te zorgen dat de code nooit wordt geladen als de broncode is gewijzigd.
nomodule
  • True
  • False
 Stelt dat het script niet moet worden uitgevoerd in browsers die ES2015-modules ondersteunen.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Bepaalt welke referentie-informatie wordt verzonden bij het ophalen van het script.
src URL Stelt de URL van het externe scriptbestand vast.
type Scripttype Stelt het media-type van de script vast.

Verschillen tussen HTML en XHTML

In XHTML worden de inhoud van scripts aangeduid als #PCDATA (in plaats van CDATA), wat betekent dat entiteiten worden geïnterpreteerd.

Dit betekent dat in XHTML alle speciale karakters moeten worden gecodeerd, of dat alle inhoud moet worden ingesloten in een CDATA-gedeelte:

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

Global attributes

<script> The tag also supports Global attributes in HTML.

Default CSS settings

Most browsers will display with the following default values <script> Element:

script {
  display: none;
{}

Browser support

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