Terug naar beginpagina Homepage-Maken.nl
Vimexx Webhosting   

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.

Klik hier om te starten met je Weebly website!

Zoekfunctie en Overige Info


Copyright © Homepage-Maken.nl 2000-2018 · Privacybeleid

Deze pagina voldoet aan de XHTML 1.0 richtlijnen     Deze pagina voldoet aan de CSS richtlijnen

[Naar boven]  [Home]