Syntax regels

JavaScript binnen een HTML-pagina wordt altijd omsloten door een script-tag.

  • <script>......</script>

  • Net zoals CSS kan u JavaScriptcode herbruiken over meerdere pagina's. Bewaar het script in een tekstbestand met de extensie .js. Het attribuut src verwijst naar de scriptpagina.

    <script src="mijnScriptDoc.js"></script>

  • Plaats, indien mogelijk, het script bij voorkeur onderaan in de html-pagina, bij voorkeur vlak voor het sluiten van de body-tag. Dit is echter niet verplicht.

  • Afzonderlijke woorden worden door één of meerdere spaties gescheiden.

  • Een opdracht of statement eindigt steeds met een puntkomma. De meeste browsers kunnen de opdracht ook uitvoeren als u de puntkomma weglaat.

  • Variabelen worden aangemaakt met het kernwoord varof let. (Om compatibiliteitsredenen met oudere browsers gebruiken we in deze cursus uitsluitend var).

  • Variabelen beginnen steeds met een letter, een underscore _ of een dollarteken $, maar mogen nooit beginnen met een cijfer.

    var getal = 2;
    var tekst = "dit is een string";
  • Strings kunnen zowel tussen enkele als tussen dubbele aanhalingstekens staan.

    Enkele aanhalingstekens binnen dubbele aanhalingstekens (of omgekeerd) zijn eveneens toegestaan.

    var string1 = "dit is string1";
    var string2 = 'dit is string2';
    var string3 = "Dit is ook een 'correcte' string";
    var string3 = 'Dit is ook een "correcte" string';
    var string4 = "Dit is een "foutieve" string"; // FOUT!!!
  • Gebruik een backslash als escape karakter. Het karakter na wordt dan speciaal geïnterpreteerd.

    var string4 = "Ook dit is een \"goede\" string";
    \n          //new line (nieuwe lijn)
    \r          //return (naar begin regel)
    \t          //tab
    \b          //backspace
  • JavaScript is hoofdlettergevoelig!

    Zowel variabelen, functies als objecten zijn hoofdlettergevoelig.

  • Becommentarieer uw script.

    Commentaar op één lijn wordt voorafgegaan door //.

    Commentaar over meerdere lijnen plaatst u tussen /* en */.

Last updated