Javascript tutorial #2

Gestart doorMaartenf6 reacties124 weergaven

7 berichten · pagina 1 van 1

Maartenf

Lid · Topicstarter

Berichten
1.684
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
COPYRIGHT
Ik heb deze tutorial helemaal zelf geschreven dus alle rechten zijn voorbehouden!
Je mag de inhoud dus niet stelen tenzij je mijn toestemming hebt.
Deze tutorial kost maar 0.05 punt yummie biggrin
Lees eerst mijn vorige tutorial!
http://www.one2xs.com/threads/39570&p=1#596409

In mijn vorige tutorial kon je al eens kennis maken met Javascript. Je leerde de basis en je eerste scripts... Op vraag van anderen heb ik besloten om een nieuwe tutorial te maken die verder gaat op de basis van de vorige les...

Laten we weer eens beginnen...

In de vorige les hebben we geleerd over variabelen, hoe je moet schrijven enz... maar nu gaan we leren hoe je kan gebruikmaken van functies.

Les 1: Uitleg over functies

Wat is een functie?

Een functie is zoals je hoort een functie. biggrin Deze kan aangeroepen worden door zijn naam te gebruiken... Een voorbeeld verduidelijkt alles...

In de praktijk:

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

function mijnFunctie() //Dit is de aanroep van een functie.
{

//De inhoud van de functie...

}

</script>
</head>
<body>
</body>
</html>


Dit was een voorbeeld van een functie.

Merk op dat:
-Een functie altijd eindigt met ().
-De functie opent met een "{"
en sluit met een "}".
-mijnFunctie: Het is een goede gewoonte om te beginnen met een kleinere letter en daarna een hoofdletter te gebruiken.
(Dit is niet noodzakelijk! Je kan evengoed een"_" gebruiken!)

Les 2: In de praktijk: een link maken die meerdere paginas tegelijk opent (lekker spammen! biggrin)

Als je een (goede) basiskennis hebt van html dan ken je dit al:

<a href="http://www.google.com/">Google</a>


Dit is een link zoals je waarschijnlijk al wist...

Je kan er nog iets bijvoegen dat van belang is om onze link te maken:

<a href"http://www.google.com/" onclick="mijnFunctie()">Google</a>


Onclick komt er dus bij: dit is om mijnFunctie aan te roepen.
Merk vooral op dat het mijnFunctie() is en niet mijnFunctie

JUIST: mijnFunctie()
FOUT: mijnFunctie

En nu eindelijk onze link:

<html>
<head>
<script language"javascript">
functie mijnFunctie()
{
location.href("http://www.one2xs.com/");
location.href("http://www.facebook.com/");
location.href("http://www.geldverdienenophetinternet.be/");
}
</script>
</head>
<body>
<a href"http://www.google.com/" onclick="mijnFunctie()">Google</a>
</body>
</html>


En onze link is klaar!
Veel succes ermee!

Bij problemen mag je altijd een pm sturen of gewoon reageren!
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Veel tekst, maar wat leer je hier nou eigenlijk? Met 1 klik een paar links openen.. Ofwel je bezoekers irriteren?
0
Berichten
7.806
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik weet nu wel hoe ik functies maak. Ik ben nieuw met javascript.
0
Berichten
1.631
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Inderdaad wees blij met eindelijk eens een javascript tutorial die normaal word uitgelegd biggrin Bedankt en ga zo door! pompom
0
Berichten
8.649
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
5 stemmen voor zeer slecht? Dit kostte de TS veel werk en is mooi gedaan. Ik zie niet wat hier zo slecht aan is.
0
Maartenf

Lid · Topicstarter

Berichten
1.684
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Bedankt! biggrin
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Misschien beetje op uitlijning letten
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren