Waar plaats je javascripts
In het vorige artikel (zie hier) hebben we besproken wat javascript precies is en hebben we een klein stukje code toegepast.In dit artikel willen we laten zien waar je javascript nou precies moet zetten in je HTML document.
Een HTML document bestaat uit twee gedeelten, namelijk de head (<head></head>) en de body (<body></body>).
Javascript wordt gelijk uitgevoerd bij het laden van een document. Dat is niet altijd wat we willen. De ene keer willen we het script laten uitvoeren wanneer het document wordt geladen. Een andere keer wanneer de gebruiker ergens op klikt of overheen gaat.
Scripts die pas uitgevoerd moeten worden wanneer een gebruiker ergens op klikt of overheen gaat worden geplaatst in de head van het document.
<html>
<head>
<script type="text/javascript">
stukje code
</script>
</head>
Scripts die gelijk uitgevoerd moeten worden wanneer de pagina geladen wordt plaats je in de body sectie. Wanneer je een script in de body plaatst wordt er een stukje inhoud van de pagina gegenereerd!
<html>
<head>
</head>
<body>
<script type="text/javascript">
stukje code
</script>
</body>
</code>
Je kunt een onbeperkt aantal scripts plaatsen in je document. Zo kan je dus ook scripts plaatsen in de head en in de body tegelijk.
<html>
<head>
<script type="text/javascript">
Stukje code
</script>
<
<body>
<script type="text/javascript">
Stukje code
</script>
</body>
Hoe voer je een extern script uit
Soms wil je een stukje script in meerdere pagina's gebruiken. Het is dan handig om dit in een apart document te zetten en dit op te slaan als een .js bestand.Voorbeeld:
Op het windows kladblok en tik de volgende regel.
document.write("Dit is een extern script")
Sla dit bestand op als xxx.js.
Notitie: Het externe script mag niet de <script> tag bevatten.
Nu kun je het script benaderen in iedere willekeurige pagina met het attribuut "src":
<html>
<head>
</head>
<body>
<script src="xxx.js"></script>
</body>
</html>
Let wel op dat je het script moet plaatsen op de plek waar je het normaal ook zou neerzetten indien het geen extern script is.
28-09-2004
bron: W3C (w3schools.com)