HTML JavaScript

JavaScript maakt HTML-pagina's dynamischer en interactiever

Voorbeeld

Mijn eerste JavaScript

Probeer het zelf

HTML <script> Tag

HTML <script> Tag wordt gebruikt om client-side scripts (JavaScript) te definiëren.

<script> Element kan zowel script statements bevatten als via src Eigenschap verwijst naar een externe scriptbestand.

Een van de veelvoorkomende toepassingen van JavaScript is afbeeldingsverwerking, formuliervalidatie en dynamische wijzigingen van inhoud.

Om HTML-elementen te kiezen, is JavaScript het meest gebruikte document.getElementById() Methode.

Deze JavaScript voorbeeld schrijft "Hello JavaScript!" naar het HTML-element met id="demo":

Voorbeeld

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Probeer het zelf

Tip:U kunt onze JavaScript Handleiding om meer kennis van JavaScript te leren.

De smaak van JavaScript

Hier zijn enkele voorbeelden van de mogelijkheden van JavaScript:

Voorbeeld

JavaScript kan inhoud wijzigen:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Probeer het zelf

Voorbeeld

JavaScript kan stijlen wijzigen:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Probeer het zelf

Voorbeeld

JavaScript kan eigenschappen wijzigen:

document.getElementById("image").src = "picture.gif";

Probeer het zelf

HTML <noscript> Tag

HTML <noscript> De tag definieert alternatieve inhoud die wordt weergegeven aan gebruikers die scripts in hun browser hebben uitgeschakeld of waarvan de browser scripts niet ondersteunt:

Voorbeeld

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, uw browser ondersteunt geen JavaScript!</noscript>

Probeer het zelf

HTML Script Tag

Tag Beschrijving
<script> Definieer client-side scripts.
<noscript> Definieer alternatieve inhoud voor gebruikers die geen client-side scripts ondersteunen.

Voor een volledige lijst van alle beschikbare HTML tags, bezoek onze HTML Tag referentiehandleiding.