JavaScript hergebruiken (op dezelfde of op een andere site)
Soms is het nodig om een stukje JavaScript op meerdere plaatsen in je website te gebruiken. Zo kan het bijvoorbeeld voorkomen dat meerdere bladzijden of meerdere sites hetzelfde alert moeten produceren. Je kunt dan dat stukje code steeds weer opnieuw intypen of het van het ene .HTML-bestand naar het andere kopiëren.
Het is goed om het ontstaan van dubbele code te voorkomen. Dus neem je de meermalen voorkomende JavaScript-code slechts éénmaal op in de website. De .HTML bestanden die deze code nodig hebben roepen hem elk apart aan.
Dat gaat als volgt:- Zet de meermalen te gebruiken code in een apart bestand, bijvoorbeeld: "melding.js"
- De inhoud van de file melding.js zou kunnen zijn:
// Voorbeeld van een .js bestand.
window.alert("Dit is een voorbeeld -- file melding.js") - In elk .HTML-bestand waarin dat nodig is neem je de volgende regel op:
<script src="melding.js"></script>
Deze code kan zowel in de <HEAD> als in de <BODY> voorkomen. Dat wordt bepaald door wat het script moet doen.
Tussen de tags<script src="...">en</script>mag geen andere code worden gezet. Deze wordt genegeerd. Gebruik zo nodig een nieuwe set <script>-tags.
- De file "melding.js" installeer je bij de andere .HTML-bestanden
op je web-server.
Als de .js-file op een andere server staat dan moet je de volledige URL van de .js-file opgeven, bijvoorbeeld:
<script src="http://andere.server.nl/melding.js"></script>
Opmerking:
Van de hier getoonde <script>-tag bestaan ook nog oudere versies, die nog veel wordt gebruikt:
<script language="javascript" src="..."></script>
<script type="text/javascript" src="..."></script>
Beide versies zijn uit de HTML-specificaties verdwenen. Op het moment dat dit wordt geschreven ondersteunen alle browsers het nog. Op deze site wordt het niet meer gebruikt.
Op het moment dat dit wordt geschreven is JavaScript de enige scripttaal die kan worden gebruikt. De attributen language= en/of type= zijn daarom overbodig.
