Peamine viis veebilehtedele dünaamiliste efektide loomiseks on kliendipoolsete skriptide kasutamine. Need on kooditükid, mida tõlgendab dokumenti kuvava rakenduse skriptimootor. JavaScript on populaarne programmeerimiskeel, mida kasutatakse skriptimiseks. Skripti käivitamiseks tuleb see mingil viisil dokumenti lisada.
See on vajalik
- - skripti kood;
- - algdokument;
- - tekstiredaktor.
Juhised
Samm 1
Määrake parim viis skripti sisestamiseks. Kui eeldatakse, et sama skripti kasutatakse erinevates dokumentides, on mõttekas see teisaldada välisele failile ja ühendada see sealt. Vastasel juhul tasub skripti tekst kinnitada lehe kehasse. Kui skripti suurus on suur, tasub see paigutada dokumendis eraldi plokki. Kui programmikood on mahult väike ja rakendab mis tahes sündmuse reaktsiooni, on lubatud see paigutada atribuuti, mis määratleb elemendi sisseehitatud sündmuste käitleja või lingi atribuudi href.
2. samm
Kleebi skript välisest allikast. Lisage SCRIPT-element määratud src ja type-atribuutidega dokumendi kehasse või jaotisse HEAD. Näiteks saate seda teha nii: atribuudi src väärtus peab olema URI, mis osutab ressursile, kust skripti tekst laaditakse. Atribuut charset on valikuline. See näitab skripti teksti kodeerimist. Kuid kui see välja jätta, võetakse kodeerimisväärtus dokumendi, kuhu skript on sisestatud, kodeerimisväärtuseks.
3. samm
Sisestage skript lehe teksti. Kasutage elementi SCRIPT, mille sees on skripti tekst. Näiteks võib see välja näha järgmine:
alert ("Skript töötab!");
Koodiga kaasas olevad HTML-i kommentaarid on vajalikud vanemate brauseritega ühilduvuse tagamiseks. XHTML-dokumentides saate kasutada XML-i kommentaare.
4. samm
Sisestage JavaScripti kood sündmusesisestesse käitlejatesse. Leidke dokumendist element, mille sündmust soovite käsitleda. Lisage atribuut, mis määratleb sobiva käitleja. Näiteks atribuut, mis määrab elemendil hiireklõpsu käitleja, onclick, fookussignaali kadumise käitleja on blur ja klahvivajutuse käitur on allalaaditud.
5. samm
Sisestage skripti kood tekstina, mis määrab lisatud atribuudi väärtuse. Näiteks sõnumi kuvamiseks, kui hiirega klõpsatakse DIV-elemendil, võite kasutada järgmist konstruktsiooni: Tekstitekst-tekst Pange tähele, et tekstisiseste elementide käsitsi koodis stringiliteratiivide määratlemiseks peate kasutama teist tüüpi jutumärke mis määravad HTML-atribuudi väärtuse …
6. samm
Lisage skript lingi hrefi elemendile. Hrefi väärtus peab olema URL, mille protokolli kirjeldaja on "javascript:", ja aadressiosa on arvutatud avaldis. Näiteks: Lingi tekst Kui peate kasutama mitut avaldist, kasutage sulgudes määratletud lauseplokki {ja}.
