Det huvudsakliga sättet att skapa dynamiska effekter på webbsidor är genom användning av klientsidesskript. De är kodstycken som tolkas av skriptmotorn i applikationen som visar dokumentet. JavaScript är ett populärt programmeringsspråk som används för skript. För att manuset ska kunna köras måste det sättas in i dokumentet på något sätt.
Det är nödvändigt
- - skriptkod;
- - källdokument;
- - textredigerare.
Instruktioner
Steg 1
Bestäm det bästa sättet att infoga skriptet. Om det antas att samma skript kommer att användas i olika dokument, är det vettigt att flytta det till en extern fil och ansluta det därifrån. Annars är det värt att bädda in skripttexten i sidans kropp. Om manuset är stort är det värt att placera det i ett separat block i dokumentet. Om programkoden är liten i volym och implementerar en reaktion på någon händelse är det tillåtet att placera den i ett attribut som definierar ett elements inbyggda händelsehanterare eller href-attributet för en länk.
Steg 2
Klistra in skriptet från en extern källa. Lägg till ett SCRIPT-element med de angivna src- och typattributen i dokumentet eller HEAD-avsnittet. Du kan till exempel göra det så här: Värdet för attributet src måste vara en URI som pekar på resursen från vilken skripttexten laddas. Charset-attributet är valfritt. Den anger kodningen av skripttexten. Men om det utelämnas kommer kodningsvärdet att tas som kodningsvärdet för det dokument som skriptet infogas i.
Steg 3
Infoga skriptet i texten på sidan. Använd ett SCRIPT-element med skripttext inuti. Det kan till exempel se ut så här:
alert ("Skriptet fungerar!");
HTML-kommentarer som innehåller koden krävs för kompatibilitet med äldre webbläsare. Du kan använda XML-kommentarer i XHTML-dokument.
Steg 4
Infoga javascript-kod i inline-händelsehanterare. Hitta elementet i dokumentet vars händelse du vill hantera. Lägg till ett attribut som definierar lämplig hanterare. Till exempel är attributet som specificerar hanteraren för ett musklick på ett element onclick, hanteraren för förlust av fokuseringssignal är onblur och tangenttryckningshanteraren är onkeydown.
Steg 5
Ange skriptkoden som texten som anger värdet på det tillagda attributet. För att till exempel visa ett meddelande när ett DIV-element klickas med musen kan du använda följande konstruktion: Texttexttext Observera att för att definiera strängbokstäver i inline-elementhanterarkoden måste du använda en annan typ av citat än de som anger värdet på HTML-attributet …
Steg 6
Lägg till skriptet till href-elementet i länken. Href-värdet måste vara en URL, vars protokollbeskrivare är "javascript:", och adressdelen är ett beräknat uttryck. Till exempel: Länktext Om du behöver använda flera uttryck, använd ett uttalande block definierat av parenteserna {och}.
