Den vigtigste måde at skabe dynamiske effekter på websider på er ved hjælp af klientsidescripts. De er kodestykker, der fortolkes af scriptmotoren i applikationen, der viser dokumentet. JavaScript er et populært programmeringssprog, der bruges til scripting. For at scriptet skal kunne udføres, skal det indsættes i dokumentet på en eller anden måde.
Er det nødvendigt
- - script kode;
- - kildedokument
- - teksteditor.
Instruktioner
Trin 1
Bestem den bedste måde at indsætte scriptet på. Hvis det antages, at det samme script vil blive brugt i forskellige dokumenter, er det fornuftigt at flytte det til en ekstern fil og forbinde det derfra. Ellers er det værd at integrere scriptteksten i sidens brødtekst. Hvis scriptets størrelse er stor, er det værd at placere det i en separat blok i dokumentet. Hvis programkoden er lille i volumen og implementerer en reaktion på enhver begivenhed, er det tilladt at placere den i en attribut, der definerer et elements indbyggede begivenhedshåndterer eller href-attributten for et link.
Trin 2
Indsæt scriptet fra en ekstern kilde. Tilføj et SCRIPT-element med de angivne src- og typeattributter til dokumentteksten eller HEAD-sektionen. For eksempel kan du gøre det således: Værdien af src-attributten skal være en URI, der peger på den ressource, som scriptteksten skal indlæses fra. Charset-attributten er valgfri. Det angiver kodningen af scriptteksten. Men hvis den udelades, tages kodningsværdien som kodningsværdien af det dokument, som scriptet indsættes i.
Trin 3
Indsæt scriptet i teksten på siden. Brug et SCRIPT-element med scripttekst indeni. For eksempel kan det se sådan ud:
alarm ("Scriptet fungerer!");
HTML-kommentarer, der vedlægger koden, kræves for at være kompatible med ældre browsere. Du kan bruge XML-kommentarer i XHTML-dokumenter.
Trin 4
Indsæt javascript-kode i indbyggede hændelsesbehandlere. Find elementet i dokumentet, hvis begivenhed du vil håndtere. Tilføj en attribut, der definerer den relevante handler. For eksempel er attributten, der specificerer handleren for et museklik på et element, onclick, handleren for tab af fokus signal er sløret, og tastetrykhåndtereren er onkeydown.
Trin 5
Indtast scriptkoden som den tekst, der angiver værdien for den tilføjede attribut. For eksempel for at få vist en besked, når der klikkes på et DIV-element med musen, kan du bruge følgende konstruktion: Tekstteksttekst Bemærk at for at definere strenglitteraler i den integrerede elementhåndteringskode skal du bruge en anden type citater end dem der angiver værdien af HTML-attributten …
Trin 6
Føj scriptet til href-elementet i linket. Href-værdien skal være en URL, hvis protokolbeskrivelse er "javascript:", og adressedelen er et beregnet udtryk. For eksempel: Linktekst Hvis du har brug for flere udtryk, skal du bruge en sætningsblok defineret af parenteserne {og}.
