HTML- JavaScript
JavaScript maakt HTML-pagina's dynamischer en interactiever.
Voorbeeld
My First JavaScript
De HTML <script>-tag
De HTML <script>-tag wordt gebruikt om een client-side script (JavaScript) te definiëren.
Het element bevat ofwel scriptstatements, ofwel verwijst het via het attribuut <script>naar een extern scriptbestand .src
Veelvoorkomende toepassingen voor JavaScript zijn beeldmanipulatie, formuliervalidatie en dynamische wijzigingen van inhoud.
document.getElementById()Om een HTML-element te selecteren, gebruikt JavaScript de methode meestal
.
Dit JavaScript-voorbeeld schrijft "Hallo JavaScript!" in een HTML-element met id="demo":
Voorbeeld
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Tip: u kunt veel meer leren over JavaScript in onze JavaScript-tutorial .
Een voorproefje van JavaScript
Hier zijn enkele voorbeelden van wat JavaScript kan doen:
Voorbeeld
JavaScript kan inhoud wijzigen:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
Voorbeeld
JavaScript kan stijlen veranderen:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
Voorbeeld
JavaScript kan attributen wijzigen:
document.getElementById("image").src = "picture.gif";
De HTML <noscript>-tag
De HTML <noscript>-tag definieert alternatieve inhoud die moet worden weergegeven aan gebruikers die scripts in hun browser hebben uitgeschakeld of een browser hebben die geen scripts ondersteunt:
Voorbeeld
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
HTML-oefeningen
HTML-scripttags
| Tag | Description |
|---|---|
| <script> | Defines a client-side script |
| <noscript> | Defines an alternate content for users that do not support client-side scripts |
Bezoek onze HTML Tag Reference voor een volledige lijst van alle beschikbare HTML-tags .