Les 5
Functies in JavaScript
In de voorbeeldscripts die we tot nu toe gezien hebben, werd de JavaScript code direct uitgevoerd.
Maar wat nu als we de code pas willen laten uitvoeren bijvoorbeeld als de bezoeker eerst een bepaalde
actie uitvoert?
Dat kunnen we doen door gebruik te maken van functies in JavaScript.
Een Voorbeeld
Bekijk het onderstaande script maar eens.
<html>
<head>
<script language="JavaScript">
<!--
function mijnfunctie()
{
alert("Deze functie is uitgevoerd!");
}
// -->
</script>
</head>
<body>
<form name="mijnformulier">
<input type="button" value="Klik Hier" onClick="mijnfunctie()">
</form>
</body>
</html>
Klik op de knop hieronder om het bovenstaande script uit te voeren.
Deze functie werd opgeroepen door deze regel:
<input type="button" value="Klik Hier" onClick="mijnfunctie()">
Het onClick in bovenstaande code is een voorbeeld van een event. De events worden afzondelijk behandeld in de volgende les.
De structuur van een functie is als volgt:
function functieNaam(parameters)
{
statements
}
Met behulp van de parameters die tussen de ( en ) staan kun je bepaalde waarden vaststellen
die in de functie gebruikt zullen worden.
Je kunt meerdere statements opgeven door ze te scheiden
met een komma.
Je kunt ook een functie gebruiken zonder parameters. Het voorbeeld in deze les
was een voorbeeld daarvan.
De statements in de JavaScript functie staan altijd binnen de gekrulde haakjes: { en }.
Je kunt een functie oproepen door de naam van de functie in te typen en er de eventuele parameters bij te gebruiken. Zie bijvoorbeeld ons voorbeeld hierboven. Daar riepen we de functie in het formulier op met onClick="mijnfunctie()".
Belangrijk om te onthouden is dat de functie-naam case-sensitive is. Dat wil dus zeggen dat functienaam iets anders is dan functieNaam. Let altijd op het gebruik van kleine letters en hoofdletters bij het vaststellen en het oproepen van een bepaalde functie. Dit is een bron van vele fouten in scripts.
Einde Les 5
In deze les heb je kennisgemaakt met functies in JavaScript. Ook werden de events al even genoemd in deze les. In de volgende les gaan we de events uitgebreider behandelen.
Homepage-Maken Tip
De makkelijkste manier om je eigen website te maken?
Dat is via een website bouwer als Weebly. Hiermee kun je eenvoudig via je browser door middel van drag-en-drop een website bouwen. Je kunt volledig gratis beginnen met 500MB webruimte voor je site. Zo nodig kun je een betaald pakket nemen met eigen domeinnaam, "onbeperkte" opslag (fair use policy) en e-commerce mogelijkheden.
Weebly is daarom een prima optie als je snel een website in elkaar wilt zetten. Kennis van HTML of het installeren van een eigen content management systeem is niet nodig bij Weebly.
