Begrip: script tag
Het <script> element wordt gebruikt om JavaScript code te linken in een HTML-pagina. Via het src attribuut kan een link naar een externe JavaScript file toegevoegd worden.
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Voorbeeld</title>
</head>
<body>
<script src="/index.js"></script>
</body>
</html>prompt('Dit werkt')Indien gewenst kan de JavaScript-code ook in de body van het <script> tag geplaatst worden, in dat geval wordt het src attribuut natuurlijk niet gebruikt.
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Voorbeeld</title>
</head>
<body>
<script>
prompt('Dit werkt')
</script>
</body>
</html>In beide gevallen plaats je het <script> element onderaan de pagina, op deze manier garandeer je dat de HTML-pagina geladen is voordat je JavaScript code uitvoert. Het voordeel hiervan is tweeledig, enerzijds zal het script zo geen fouten vertonen omdat de dingen die gemanipuleerd worden nog niet bestaan, maar anderzijds wordt de pagina zo ook sneller geladen. Voor de gebruiker is de HTML/de UI het belangrijkst. Die moet zo snel mogelijk op het scherm komen. Als de JavaScript code eerst verwerkt wordt door de browser, kan dit het tekenen van de UI vertragen.