HTML
JavaScript-code opnemen in HTML
Zoeken…
Syntaxis
-
<script type="text/javascript"> //some code </script> -
<script type="text/javascript" src="URL"></script> -
<script type="text/javascript" src="URL" async>//async code</script>
parameters
| Attribuut | Details |
|---|---|
src | Specificeert het pad naar een JavaScript-bestand. Een relatieve of absolute URL. |
type | Specificeert het MIME-type. Dit kenmerk is vereist in HTML4, maar optioneel in HTML5. |
async | Geeft aan dat het script asynchroon wordt uitgevoerd (alleen voor externe scripts). Voor dit kenmerk is geen waarde vereist (behalve XHTML). |
defer | Geeft aan dat het script moet worden uitgevoerd wanneer de pagina klaar is met parseren (alleen voor externe scripts). Voor dit kenmerk is geen waarde vereist (behalve XHTML). |
charset | Hiermee geeft u de tekencodering op die wordt gebruikt in een extern scriptbestand, bijvoorbeeld UTF-8 |
crossorigin | Hoe het element omgaat met aanvragen van andere origine |
nonce | Cryptografische nonce gebruikt in Content Security Policy controleert CSP3 |
Opmerkingen
Als de JavaScript-code (bestand) wordt gebruikt om http://stackoverflow.com/documentation/javascript/503/document-object-model-dom Elements te manipuleren, plaatst u uw <script></script> -tags vlak voor het sluiten </body> -tag of gebruik JavaScript-methoden of bibliotheken (zoals jQuery voor verschillende browsers) die ervoor zorgen dat de DOM wordt gelezen en klaar is om te worden gemanipuleerd.
Linken naar een extern JavaScript-bestand
<script src="example.js"></script>
Het src kenmerk werkt als het href-kenmerk op ankers: u kunt een absolute of relatieve URL opgeven. Het bovenstaande voorbeeld verwijst naar een bestand in dezelfde map van het HTML-document. Dit wordt meestal toegevoegd binnen de <head> -tags bovenaan het html-document
Direct inclusief JavaScript-code
In plaats van te linken naar een extern bestand, kunt u ook de JS-code als zodanig in uw HTML opnemen:
<script>
// JavaScript code
</script>
Inclusief een JavaScript-bestand dat asynchroon wordt uitgevoerd
<script type="text/javascript" src="URL" async></script>
Afhandeling uitgeschakeld Javascript
Het is mogelijk dat de clientbrowser Javascript niet ondersteunt of dat Javascript-uitvoering is uitgeschakeld, misschien vanwege veiligheidsredenen. Om gebruikers te kunnen vertellen dat een script op de pagina moet worden uitgevoerd, kan de tag <noscript> worden gebruikt. De inhoud van <noscript> wordt weergegeven wanneer Javascript is uitgeschakeld voor de huidige pagina.
<script>
document.write("Hello, world!");
</script>
<noscript>This browser does not support Javascript.</noscript>