|
Opdat Javascript goed werkt in een HTML-pagina, moet ze op een specifieke manier gedeclareerd worden in de code. Hier leer je waarmee je allemaal rekening moet houden.
Gevolgen van de plaatsing
Als de openingstag van een JavaScript code tussen de <BODY>-tags staat, wordt de code uitgevoerd telkens de pagina wordt opgevraagd.
Als de JavaScript tussen de <HEAD>-tags staat wordt ze uitgevoerd enkel wanneer de functie opgevraagd wordt, bijvoorbeeld als ze van toepassing is op een actie die de gebruiker veroorzaakt.
Om JavaScript op te nemen in een webpagina, moet het type attribuut expliciet worden opgegeven in de openingstag. Hier is een voorbeeld waarbij een script wordt gedeclareerd in de body :
<html>
<body>
<script type="text/javascript">
document.write("Hello World!")
</script>
</body>
</html>
Document.write is een standaard JavaScript functie die tekst op een pagina schrijft.
Het resultaat van deze HTML-pagina zal er zo uitzien :
Moesten de <script>-tags er niet staan, zou de regel document.write("Hello World!") gewoon als tekst gelezen worden en zou de pagina er als volgt uitzien :
document.write("Hello World!")
Oude vs. Nieuwe Browsers
Oude browsers die Javascript nog niet ondersteunen zullen de JavaScript code gewoon als tekst afbeelden. Om dit te vermijden kan je best al je code als volgt in je code opnemen :
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
Oude browsers weten niet wat te doen met de <script>-tag, maar geven hem ook niet weer. De inhoud van de tags wordt verstopt door de <!-- en de --> commentaartekens, dus er gebeurt met andere woorden niks.
Een nieuwe browser compileert de inhoud tussen de <script>-tags, maar negeert het <!-- commentaarteken. De code wordt gewoon uitgevoerd.
/ / geeft aan de JavaScript compiler te kennen dat wat volgt een comment is, en dus niet moet gecompileerd en uitgevoerd worden.
- <!-- en --> zijn dus commentaartekens. Alles wat er tussen staat wordt onzichtbaar in de browser.
- Behalve als ze binnen <script>-tags staan, waar ze hun functie verliezen
- Om commentaar te schrijven binnen </script>-tags, gebruik je //.
Soms moet één en dezelfde script uitgevoerd worden op meerdere pagina’s. Je kan dan economischer werken door, net als bij CSS, de JavaScript in een apart bestand te definiëren, en naar dat bestand verwijzen vanuit elke pagina afzonderlijk. Je bewaart het aparte bestand dan naast de HTML-pagina’s als een bestand met extensie .js.
Het externe bestand bevat geen <script> tags !
Je verwijst dan naar het externe bestand als volgt :
<html>
<head>
<script src="/xxx.js">
</head>
<body>
…
</body>
</html>
Ga naar het volgende deel van de Javascript basiscursus : Uitvoer van gegevens in Javascript
|
Ontwerp je site