Homepage » Tutorials » Javascript » Functies

Functies

Info
Door:	Mirax	Moeilijkheidsgraad:
Geplaatst op:	10-02-2004	Reacties:	13(Bekijken)
Views:	15007 (gem. 6.2425 per week)	Log in om zelf te reageren
		Waardering:	8.2/10 (6 stemmen)

Nu gaan we beginnen aan een zeer belangrijk en veel gebruikt aspect van JavaScript namelijk de functies. Met een functie kan je een aantal acties in JavaScript achter elkaar plaatsen, ook kan je dezelfde functie vaak oproepen. Het beste kunnen we je dit spelenderwijs bijbrengen. Functies worden doorgaans in de head van een pagina, of in een extern JavaScript bestand geplaatst. Deze functies worden vaak gekoppeld aan de in het vorige deel behandelde event handlers. Een algemene weergave is daarvan is:

function MijnFunctie(parameters){
inhoud van de functie
}

Hier zie je dat met 'function' wordt aangegeven dat het om een functie gaat. Met parameters worden de variabelen bedoeld, waarmee je in de functie verder kan gaan werken, dan volgt een accolade ({)om het begin van de functie aan te geven, gevolgd door de inhoud van de functie, die we later gaan uitbouwen en de andere accolade (}), om aan te geven dat de functie hier wordt beëindigd.

Als we nou bij wijze van voorbeeld een script willen maken, met een functie, die op twee opeen volgende regels verschillende tekst schrijft bij het laden van de pagina, dan zou de code er uit komen te zien, zoals hieronder. Let goed op alle gebruikte elementen.

<html>
<head>
<script language="JavaScript">

</script>
</head>
<body onLoad="MijnFunctie('Hallo wereld', 'Ik werk nu met functies!')">
</body>
</html>

We zien hier dat bij het laden van de body (dat hier overigens geen inhoud heeft), wordt verwezen naar 'MijnFunctie()'. Vervolgens wordt tussen de haakjes twee teksten weergeven, die corresponderen met respectievelijk parameter1 en parameter2. (let op: parameters in functies zijn niet verplicht) Daarna worden in de head, waar de functie staat, deze parameters ingevuld in de functie. Die functie houdt in dat deze in het document de tekst schrijft.

Misschien had je het al opgemerkt, maar in feite is het document.write() attribuut ook een functie. Evenals veel andere attributen die in JavaScript zijn ingebouwd, maar die komen later aan de orde.

Dit was dan weer het gedeelte over functies, waar je meer mee kan doen, dan je op het eerste gezicht zou denken.

«Event handlers Het venster/windows »

13 reacties

Reinhard Geplaatst op 10-03-2010 om 17:49

Regular Werkt correct in IE 8.
Werkt niet correct in Google Chrome 4. Het gedeelte na de break wordt niet afgebeeld. Heeft iemand een oplossing om het ook in Chrome te laten werken?

Vkaz Geplaatst op 30-01-2009 om 19:41

Regular ik vind dit een slechte cursus

Mirax Geplaatst op 02-10-2008 om 21:44

Moderator De input in parameters wordt inderdaad gescheiden door komma. In de functie kun je de tekst 'Hallo wereld' aanroepen met parameter1.

Robin18 Geplaatst op 30-09-2008 om 10:40

Regular Wat ik dus niet snap is.. Waar geeft dt javascript aan dat parameter 1 Hallo wereld is en parameter 2 ik werk nu met functies is? of.. wacht even volgens mij zie ik het... rekent hij soms de tekst voor de komma als parameter? Dat zou een hoop verklaren xD en MijnFunctie ziet hij als een soort stylesheet dat hij parameter 1 ( tekst voor de komma) op eerste regel zet en parameter 2 ( tekst na de komma) op de volgende regel zet.
Of is dat verkeerd? Want dan zou ik graag uitleg willen xD

stienoo Geplaatst op 10-07-2008 om 17:58

Regular Ik kan wel al een stukje java, maar ik zou ook graag javascript leren, dus al hard bedankt (voor de bazis dan :D) die functies snap ik dus al helemaal :D

roeba Geplaatst op 13-11-2007 om 21:37

Regular ik heb hier echt al veel bijgeleerd!
maar het blijft nog altijd moeilijk om zelf iets te schrijven!

megasmash! Geplaatst op 07-05-2006 om 20:12

Regular ik snap het nu alleen tot die strings en operators

Mirax Geplaatst op 15-03-2006 om 15:59

Moderator Als je ergens mee blijft steken, kan je altijd vragen stellen op het forum, maar begin eens met het overtypen van dit script (niet cntrl+c/v), en zie wat het doet. Dan kun je daarna zelf wat dingetjes erbij maken, parameters toevoegen etc, als je dat begrijpt volgende deel volgen.

megasmash! Geplaatst op 05-03-2006 om 19:26

Regular echt hoor oefening baart kunst ik ben geen wiskundefreak kan je niet gewoon een soort hint geven met parameters

Mirax Geplaatst op 16-02-2006 om 14:43

Moderator Als het eerste gedeelte van de tutorial niet lukt, dan heeft het geen zin om de volgende delen te proberen. Lees eerst het eerste gedeelte, en probeer dat daarna zelf, als je ziet dat het werkt, en hoe het werkt, en begrijpt wat je er precies mee kan, dan kun je alsnog naar het volgende gedeelte. En wat ik elders ook al zei: Oefening baart kunst.

megasmash! Geplaatst op 15-02-2006 om 19:19

Regular sorry maar ik kan dit allemaal niet volgen ik snap het gewoon niet hoe maken die mensen die scripts het lukt gewoon niet ik ga maar beter iets anders leren dan JavaScript

Onbekend lid Geplaatst op 21-12-2005 om 22:52

Spammer

logisch... als je t goed bekijkt zie je dat je in de onLoad maar 1 parameter meegeeft: "hallo wereld, ik werk nu met functies!"

probeer deze code eens:

#	Code
`1 2 3 4 5 6 7 8 9 10 11 12 13`	`<html> <head> </head> <body onLoad="MijnFunctie('hallo wereld, ik werk nu met functies!','Dit is de echte 2de parameter')"> <script language="Javascript"> <!-- function MijnFunctie(parameter1, parameter2){ document.write(parameter1 + '<br>'+ parameter2); } //--> </script> </html>`

undefined wil zeggen: een variabele zonder waarde...

{japiecorronel} Geplaatst op 21-12-2005 om 20:59

Regular he mensen ik heb dit :

<script language="Javascript">

</script>
</head>
<body onLoad="MijnFunctie('hallo wereld, ik werk nu met functies!')">

maar als ik wil bekijken komt er onder undefined te staan

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!

Check je domein...

Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be