De belangrijkste manier om dynamische effecten op webpagina's te creëren, is door het gebruik van client-side scripts. Het zijn stukjes code die worden geïnterpreteerd door de scriptengine van de toepassing die het document weergeeft. JavaScript is een populaire programmeertaal die wordt gebruikt voor scripts. Om ervoor te zorgen dat het script kan worden uitgevoerd, moet het op de een of andere manier in het document worden ingevoegd.
Het is nodig
- - scriptcode;
- - Bron document;
- - tekstverwerker.
instructies:
Stap 1
Bepaal de beste manier om het script in te voegen. Als wordt aangenomen dat hetzelfde script in verschillende documenten wordt gebruikt, is het logisch om het naar een extern bestand te verplaatsen en van daaruit te verbinden. Anders is het de moeite waard om de scripttekst in de hoofdtekst van de pagina in te sluiten. Als de grootte van het script groot is, is het de moeite waard om het in een apart blok in het document te plaatsen. Als de programmacode een klein volume heeft en een reactie op een gebeurtenis implementeert, is het toegestaan om deze in een attribuut te plaatsen dat de ingebouwde event-handler van een element of het href-attribuut van een link definieert.
Stap 2
Plak het script van een externe bron. Voeg een SCRIPT-element met de opgegeven src- en typeattributen toe aan de hoofdtekst van het document of de HEAD-sectie. U kunt het bijvoorbeeld als volgt doen: De waarde van het src-attribuut moet een URI zijn die verwijst naar de bron van waaruit de scripttekst wordt geladen. Het charset-attribuut is optioneel. Het geeft de codering van de scripttekst aan. Maar als het wordt weggelaten, wordt de coderingswaarde genomen als de coderingswaarde van het document waarin het script wordt ingevoegd.
Stap 3
Voeg het script in de tekst van de pagina in. Gebruik een SCRIPT-element met daarin scripttekst. Het kan er bijvoorbeeld zo uitzien:
alert ("Het script werkt!");
HTML-opmerkingen die de code omsluiten, zijn vereist voor compatibiliteit met oudere browsers. U kunt XML-opmerkingen gebruiken in XHTML-documenten.
Stap 4
Voeg javascript-code toe aan inline gebeurtenishandlers. Zoek het element in het document waarvan u de gebeurtenis wilt afhandelen. Voeg een attribuut toe dat de juiste handler definieert. Het attribuut dat bijvoorbeeld de handler voor een muisklik op een element specificeert, is onclick, de handler voor het verlies van focussignaal is onblur en de toetsaanslaghandler is onkeydown.
Stap 5
Voer de scriptcode in als de tekst die de waarde van het toegevoegde kenmerk aangeeft. Om bijvoorbeeld een bericht weer te geven wanneer met de muis op een DIV-element wordt geklikt, kunt u de volgende constructie gebruiken: Tekst tekst tekst Merk op dat om letterlijke tekenreeksen in de inline elementhandlercode te definiëren, u een ander type aanhalingstekens moet gebruiken dan die die de waarde van het HTML-kenmerk specificeren …
Stap 6
Voeg het script toe aan het href-element van de link. De href-waarde moet een URL zijn, waarvan de protocoldescriptor "javascript:" is, en het adresgedeelte is een berekende uitdrukking. Bijvoorbeeld: Linktekst Als u meerdere uitdrukkingen moet gebruiken, gebruikt u een instructieblok dat wordt gedefinieerd door de haakjes {en}.
