Efficiënt scripten met jQuery 3.x
  • Over deze cursus
  • 1 Inleiding
  • 2 Inleiding tot JavaScript
    • Events en Actions
    • Syntax regels
    • JavaScript debugger
    • Variabelen
    • Operatoren
    • Voorwaardelijke instructies
    • Lussen
    • Functies
    • Functies in jQuery
    • Scope (zichtbaarheid) van variabelen
    • Objecten
    • Ingebouwde JavaScriptobjecten
  • 3 jQuery basis
  • 4 Elementen selecteren
    • Basis selectors
    • Hiërarchische selectors
    • Basisfilters
    • Inhoudsfilters
    • Attribuut selectors
    • Childfilters
    • Formulierfilters
    • Zichtbaarheidsfilters
    • Toepassing 1: gemeentelijst filteren (basisversie)
    • Toepassing 2: openingsuren markeren
  • 5 Selectie verfijnen (traversing)
    • Hiërarchische selectors
    • Filter methodes
    • Element looping: each()
    • Selecties in cascade: end()
    • Snelheidstest
    • Toepassing 1: gemeentelijst filteren (uitgebreide versie)
    • Toepassing 2: rating
  • 6 Events
    • Documentevents
    • Gebruikersevents
    • Event bubbling
    • Event methodes en properties
    • Hover-event: methode met een dubbele functie
    • De methode on()
    • Event handlers verwijderen
    • Toepassing 1: reactietest
  • 7 Animaties en effecten
    • Basiseffecten
    • Aangepaste animaties
    • Animatie pauzeren: delay()
    • Animatie beëindigen: finish()
    • Animatie afbreken: stop()
    • Versnellingsparameter
    • Toepassing 1: vloeiend scrollen
    • Toepassing 2: tabbladen
  • 8 DOM manipulatie
    • HTML-attributen
    • Object dimensies
    • Elementen toevoegen
    • Elementen verwijderen
    • Elementen vervangen
    • Elementen klonen
    • Toepassing 1: lightbox
  • 9 Inleiding tot AJAX
    • Historiek
    • Wat is XML?
    • Wat is JSON?
    • Requests filteren met GET en POST
    • Zes soorten AJAX requests
    • Same origin policy
    • Cross-site scripting
  • 10 AJAX zonder server-side scripting
    • Load()
    • $.getScript()
    • $.getJSON()
    • $.get() en $.post()
    • $.ajax()
    • Externe gegevens ophalen via JSONP
  • 11 AJAX met server-side scripting
    • Master/detailrelatie met load()
    • Master/detailrelatie met $.get()
    • Contactformulier verzenden met $.post()
    • Cross-site scripting (XSS)
Powered by GitBook
On this page
  1. 2 Inleiding tot JavaScript

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 */.

PreviousEvents en ActionsNextJavaScript debugger

Last updated 7 years ago