Inleiding Javascript

Info 
Door: Mirax Moeilijkheidsgraad: 1/3
Geplaatst op: 10-02-2004Reacties: 21(Bekijken)
Views: 27118 (gem. 11.2945 per week) Log in om zelf te reageren
 Waardering:9.8/10 (6 stemmen)

Basiscursus Javascript» Inleiding Javascript | De eerste tekst en variabelen | Strings en operators | Hiërarchie | Event handlers | Functies | Het venster/windows | Voorwaardelijke functies

Wat is JavaScript?

JavaScript is de meest gebruikte scriptingtaal die wordt gebruikt om een wat dynamischer, beweeglijker website te maken. Er bestaan twee verschillende soorten JavaScript, client-side en server-side. Server-side JavaScript wordt door lang niet alle internet-providers en browsers ondersteund, en daarom ook niet veel gebruikt. Client-side JavaScript daarentegen wordt veel meer gebruikt, omdat dit door vrijwel alle browser ondersteund wordt. In de serie zullen we ons dus ook beperken tot dit client-side JavaScript.

Wat kan ik er mee?

Misschien snap je nu niet direct wat JavaScript nou precies is, maar de volgende voorbeelden zul je waarschijnlijk wel direct herkennen: de welbekende alert (<a href="#"onClick="window.alert('Dit is een alert venster')>Klik</a>), de welgevreesde mouse-trailers, forms valideren (komen we later op terug), of het openen van een pop-up venster bij het laden van de pagina. Dit zijn verschillende toepassingen om een interactievere website te creëren.

De basis

Als dit de eerste cursus is die je hier leest, raad ik je aan om eerst de html-cursus te volgen, om de rest van de cursus ook te begrijpen. Om te beginnen open je een teksteditor, bijvoorbeeld Kladblok.

Eerst moet je nog weten dat er drie plaatsen zijn om JavaScript te plaatsen, namelijk in de head, in de body, of in de extern bestand.

In een extern bestand komt er als volgt uit te zien:

<script type="text/javascript"src="bestand.js">

De extensie .js staat hierin natuurlijk voor JavaScript. Een extern JavaScript gebruik je als je bijvoorbeeld een bepaald JavaScript op meerdere pagina's wilt gebruiken.

In de head komt dat er zo uit te zien:

<head>
<script type="text/javascript">
<!--
Hier komt de eigenlijke code
//-->
</script>
</head>

De <!-- en de //--> gebruik je om de code te verbergen voor browsers die geen JavaScript ondersteunen, maar dat zel niet vaak voorkomen. Een JavaScript plaats je in de head, als je ervoor wilt zorgen dat dit wordt geladen nog vóór de eigenlijke inhoud van de pagina.

Een JavaScript code in de body van de code kan op verschillende manieren, bijvoorbeeld tussen de script tags, zoals ook in de head, of geintergreerd in andere elementen.

Deze drie manieren zullen we door elkaar moeten gebruiken, om alle facetten van het JavaScript optimaal te kunnen benutten.

De eerste tekst en variabelen »

21 reacties
Reinhard Geplaatst op 10-03-2010 om 17:40
 

Regular
Bij gebruik van een extern bestand;
vergeet niet de end-tag van script, anders werkt het niet!

<script type="text/javascript"src="bestand.js">
<!-- Dus hierna moet nog het volgende komen -->
</script>
basdej Geplaatst op 18-08-2009 om 22:05
 

Regular
mischien zou je iets nuttigs zetten?
alphamale Geplaatst op 20-03-2009 om 16:24
 

Regular
ik ben de eerste die reageert in 2009, en niemand in 2008
Zain Geplaatst op 22-09-2007 om 13:33
Avatar van Zain

Regular
#Code
1
<script type="text/javascript"src="bestand.js"></script>


script tag moet afgesloten worden. beetje flauw als het er niet bijstaat.
Gasparov Geplaatst op 25-08-2007 om 19:06
Avatar van Gasparov

Regular
Wat is er zo speciaal aan javascript? Waar helpt het mij mee?
Gasparov Geplaatst op 25-08-2007 om 19:03
Avatar van Gasparov

Regular
Wat is er zo speciaal aan javascript? Waar helpt het mij mee?
Peck Geplaatst op 08-06-2007 om 16:33
 

Moderator
Er is helemaal geen rede om dat 2 keren te vragen.
Als je vragen hebt, ga naar het forum.
B-scorpion Geplaatst op 08-06-2007 om 16:14
 

Regular
hey heeft'r iemand een mail ??
Martijn92 Geplaatst op 21-01-2007 om 16:23
 

Regular
Dit is erg handig, dankjewel voor het delen van de informatie :)
Mirax Geplaatst op 16-02-2006 om 14:33
 

Moderator
Kan zowel in de head als in de body voorkomen.
En dat je niks ziet klopt, je moet wel code laten uitvoeren.
megasmash! Geplaatst op 14-02-2006 om 16:45
 

Regular
ik geloof dat ik een probleem heb als ik <script language="JavaScript"> in de <head plaats krijg ik een wit beeld en moet ik hem in de body plaatsen werkt hij ook in de body??
Maurits Geplaatst op 13-02-2006 om 18:35
 

Regular
Ik ben de eerste die een Reactie stuurt in 2006 en er is er nooti een gestuurt in 2005 :)
Ventura Geplaatst op 20-10-2004 om 19:59
Avatar van Ventura

Regular
Kun je een JavaScript en een CSS script tesamen aan een html bestand linken? Bij mij lukt dat niet?
Mirax Geplaatst op 28-09-2004 om 17:15
 

Moderator
Het forum vereist een aparte registratie.
1234 Geplaatst op 28-09-2004 om 16:58
 

Regular
Niet op het forum wel op websitemaken.be
Mirax Geplaatst op 27-09-2004 om 20:15
 

Moderator
Heb je jezelf geregisteerd?
1234 Geplaatst op 27-09-2004 om 15:54
 

Regular
Dat heb ik al geprobeerd maar als ik iets probeer te posten staat er boven in die blauwe balk: "Algemene Fout" en daar onder: "Error in posting" :S:S:S
rogier.slag Geplaatst op 27-09-2004 om 11:54
Avatar van rogier.slag

Moderator
stel deze vraag eens op het forum
1234 Geplaatst op 26-09-2004 om 22:15
 

Regular
Weet iemand mischien hoe ik iets kan maken dat als ik op een plaatje klik dat er dan een geluidje afspeelt?
Possidon Geplaatst op 20-09-2004 om 15:47
 

Regular
als je dit doet kun je wel rechtermuisknop drukken door die knop op het toetsenbord (de toets aan de linkerkant van de rechter Ctrl)
gapelvaar Geplaatst op 18-08-2004 om 17:30
 

Regular
sorry, maar ik snap niet altijd wat je met een zin bedoelt
tom

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