Onderwerpen
Klik op logo voor startpagina.
Inline
Open de inspector om de output van JavaScript te zien
JavaScript code kan inline in de HTML worden geplaatst met behulp van de <script> tag. Dit is een eenvoudige manier om JavaScript code toe te voegen aan een HTML document.
Let op: Inline JavaScript code is niet aanbevolen voor grotere projecten, omdat het de HTML en JavaScript code verwarrend maakt.
Extern
JavaScript code kan ook in een extern bestand worden geplaatst en vervolgens worden gekoppeld aan het HTML document met behulp van de <script> tag. Dit is een betere manier om JavaScript code te organiseren, vooral voor grotere projecten.
Let op: Zorg ervoor dat het pad naar het externe JavaScript bestand correct is, anders zal de code niet werken.
Waar plaatsen we de script tag?
HEAD
De <script> tag kan in de <head> van het HTML document worden geplaatst. Dit betekent dat de JavaScript code wordt geladen voordat de HTML elementen worden weergegeven. Het nadeel hiervan is dat als de JavaScript code probeert te interageren met HTML elementen die nog niet zijn geladen, dit kan leiden tot fouten.
defer
Om dit probleem te voorkomen, kan de defer attribuut worden toegevoegd aan de <script> tag. Dit zorgt ervoor dat de JavaScript code pas wordt uitgevoerd nadat de HTML elementen zijn geladen.
BODY
De <script> tag kan binnen de <body> tag worden geplaatst. Het is aanbevolen om de script tag aan het einde van de body te plaatsen, zodat de HTML pagina eerst wordt geladen voordat de JavaScript code wordt uitgevoerd.
Let op: Als de script tag in het midden van de body wordt geplaatst, kan dit leiden tot fouten als de JavaScript code probeert te interageren met HTML elementen die nog niet zijn geladen.