om een JavaScript-bestand te koppelen aan een HTML-document, gebruik de <script> tag. U kunt deze tag ook gebruiken om JavaScript-code in te voegen in het HTML-document.
linken naar een extern JavaScript-bestand
het bovenstaande voorbeeld linkt naar een extern JavaScript-bestand. De locatie van het JavaScript-bestand wordt gegeven als de waarde voor het src attribuut. Wanneer het HTML-bestand wordt geladen, wordt ook het JavaScript-bestand geladen.,
plaatsing van de <script> Tags
externe JavaScript-bestanden worden vaak gekoppeld vanuit het document <head> maar dit is geen vereiste. U kunt de link ook plaatsen in het document <body> element. Meer en meer ontwikkelaars linken naar hun JavaScript-bestanden vanaf de onderkant van het HTML-document (net voor het sluiten van </body> tag) om prestatie-redenen., Hierdoor kan de rest van de HTML-pagina worden geladen zonder te hoeven wachten op externe JavaScript-bronnen die eerst worden gedownload.
echter, er kunnen momenten zijn wanneer het plaatsen in de <head> geschikter is (bijvoorbeeld, als het JavaScript beschikbaar moet zijn voor de pagina tijdens het laden).
ingebed JavaScript
u kunt ook het element<script> gebruiken om JavaScript-code in de HTML-pagina in te voegen.
dit tweede voorbeeld gebruikt precies hetzelfde JavaScript als het eerste voorbeeld (alleen de tekst is veranderd)., Het enige verschil is dat de JavaScript is nu ingebed in het HTML-document, in tegenstelling tot wordt gevestigd in een extern bestand.
nogmaals, dit hoeft niet per se in het <head> element te staan — het kan overal in het HTML-document worden gevonden.
het type attribuut
u kunt hettype attribuut gebruiken om het scripttype expliciet aan te geven. Als u dit attribuut weglaat zal het script behandeld worden als JavaScript. Het is dus niet nodig om dit attribuut te gebruiken als het script in JavaScript staat.,
als het script niet in JavaScript is geschreven, moet u het type attribuut gebruiken om het type script expliciet aan te geven.
Geef een reactie