Terug naar beginpagina Homepage-Maken.nl
Versio Webhosting   

Les 1

Een eerste script

In deze les maak je je eerste script.
Zet onderstaande code in een HTML bestand en sla het op.

<html>
<head>
<title>JavaScript Voorbeeld 1</title>
</head>
<body>
<script language="JavaScript">
document.write("Dit is mijn eerst script!");
</script>

</body>
</html>

Klik hier om dit script uit te voeren in een nieuw browserscherm.

Laten we nu bovenstaande code eens nader bekijken.
De eerste regels bevatten niets byzonders. Als je HTML kent, dan heb je dat al veel vaker gezien.

De eerste nieuwigheid zien we in de zesde regel: de <script> tag. In deze tag staat het attribuut language dat gebruikt wordt om aan te geven in welke taal het script geschreven is.
In dit geval is dat dus JavaScript.

In de zevende regel zien we de eerste echte JavaScript code.
Er zijn drie belangrijk punten die je moet onthouden als je met JavaScript bezig bent:

In de code zie je document.write staan.
Dit is een commando in JavaScript dat gebruikt wordt om iets in een document te schrijven.

Als je het script uitvoert dan zul je zien dat de tekst: "Dit is mijn eerst script!" op het scherm verschijnt.
Dit is natuurlijk niet zo'n nuttig script, want het is eenvoudiger om dit gewoon met HTML te bereiken.
Het voorbeeld is dan ook vooral bedoeld om je kennis te laten maken met het veelgebruikte document.write commando.

In de achtste regel zien we tenslotte de eindtag </script>. Deze tag geeft aan dat dit het einde van het script is.

JavaScript code verbergen

Sommige oudere browsers ondersteunen geen JavaScript en drukken de code die uitgevoerd moet worden letterlijk af op het scherm.
Om dit te voorkomen is het zaak de JavaScript code te verbergen voor deze browsers.
Dat doen we door de code tussen commentaar-tags te zetten: <!-- en --> .

De code wordt nu dus als volgt:

<html>
<head>
<title>JavaScript Voorbeeld 1</title>
</head>
<body>
<script language="JavaScript">
<!-- Het script verbergen voor oude browsers
document.write("Dit is mijn eerst script!");
// Einde verbergen -->
</script>
</body>
</html>

Commentaar in JavaScript

Commentaar in JavaScript gebruik je voor hetzelfde doel als commentaar in HTML: om aantekeningen te maken bij bepaalde blokken met code.
Dat is makkelijk als je later het script aan moet passen of als iemand anders met het script moet werken.

Er zijn twee manieren om commentaar toe te voegen in JavaScript.

1. // dit is commentaar

Met de dubbele slashes verberg je alles wat op die ene regel staat.

2. /* dit is commentaar
en dit een tweede regel met commentaar */

Dit kun je gebruiken als je meerdere regels met commentaar toe wilt voegen.
Alles na /* en voor */ wordt gezien als commentaar.

Einde les 1

In deze les heb je een eerste voorbeeld gezien van een script geschreven in JavaScript.
In de volgende les leer je waar je de JavaScript code in je pagina moet plaatsen.

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]