JavaScript Syntax

Introductie

e syntax van JavaScript is op het eerste gezicht voor beginners ondoorgrondelijk. Heb je al ervaring met programmeren, dan valt het muntje al snel en blijkt dat de taal logisch in elkaar zit.

Stap 1: aangeven van een script
Stap 2: een tekstje tonen
Waar plaats ik mijn script?
Linken naar een extern javascript (*.js bestand)

Na de basis ben je klaar voor de volgende mogelijkheden:

Stap 1: aangeven van een script
Met <SCRIPT> geef je aan dat de browser een script kan verwachten. Je definieert bovendien het type en de taal. Afsluiten met </script>.

Commentaar? Commentaar!
Let op het gebruik van . Dit is nodig om het script over te laten slaan door browsers die niet met JavaScript overweg kunnen.

<SCRIPT type="text/javascript"
 LANGUAGE="javascript">
<!-- 
 Hier komt het eigenlijke script
//-->
</script>

Stap 2: een tekstje tonen
Met document.write("") stuur je alles wat je tekst naar het scherm. Je kunt hier ook HTML-codes gebruiken. Let wel op het gebruik van aanhalingstekens.

<SCRIPT type="text/javascript"
 LANGUAGE="javascript">
<!-- 
document.write("<p>Toon tekst ...</p>");
document.write("<p><a href='js_intro.html'>
JavaScript Introductie</A></p>");
//-->
</script>

Resultaat:

Waar plaats ik mijn script?
JavaScripts kunnnen worden opgenomen in de <head> van een HTML-bestand of ergens in de <body>. Scripts in de <head> worden al verwerkt voordat de eigenlijke pagina geheel geladen is.

<html>
<head>
  <title>Pakkende titel</title>
<SCRIPT LANGUAGE="JavaScript"
 type="text/javascript">
<!--
 Dit script staat in de <head>
// -->
</script>
</head>
<body>
 Hier staat de inhoud van de pagina.
  Kan van alles zijn, dus waarom geen script ;-)
<SCRIPT LANGUAGE="JavaScript"
 type="text/javascript">
<!--
 Dit script staat in de <body>
// -->
 </script>
 En de inhoud van de pagina gaat vrolijk verder. 
</body>
</html>

Linken naar een extern javascript (*.js bestand)
Naast het opnemen van het script in het HTML-bestand kun een extern JavaScript-bestand ook linken. Dit is erg handig als je een script gebruikt dat op alle pagina's van je site wordt aangeroepen (denk bijvoorbeeld aan je navigatie). Zo werkt het:

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

Zoals je ziet, wordt er verwezen naar een bestand met de extensie *.js. Daarin staat het eigenlijke script, zonder de begin- en eindcode voor een script.

Het voordeel van een gelinkt script is dat eigenlijke HTML-bestand kleiner wordt. Daar staat tegenover dat er wel een keer extra contact moet worden gezocht met de server bij het ophalen van de pagina om het script in te lezen. Dat bezwaar wordt ondervangen doordat het script vervolgens in de cache van de browser belandt.