Veebilehe JavaScripti abil kujundamisel tuleb tähelepanu pöörata teie koodi ilmumise järjekorrale ja kas kapseldate koodi funktsioonidesse või objektidesse, mis kõik mõjutavad koodi järjekorda jookseb.
JavaScripti asukoht teie veebisaidil
Kuna teie lehel JavaScripti käivitatakse teatud tegurite põhjal, kaalume, kuhu ja kuidas veebilehte JavaScripti lisada.
Põhimõtteliselt on JavaScripti lisamiseks kolm asukohta:
- Otse lehe päisesse
- Otse lehe korpusesse
- Ürituste käitlejalt / kuulajalt
Pole vahet, kas JavaScript on veebilehel ise või lehega lingitud välistes failides. Samuti pole vahet, kas sündmuste käitlejad on lehesse kodeeritud või lisatud JavaScripti enda poolt (välja arvatud see, et neid ei saa enne lisamist käivitada).
Kood otse lehel
Mida tähendab öelda, et JavaScript on otse lehe peas või kehas? Kui kood pole funktsiooni või objekti suletud, on see otse lehel. Sel juhul töötab kood järjest, niipea kui kood sisaldav fail on laaditud piisavalt, et sellele koodile juurde pääseda.
Funktsioonis või objektis olevat koodi käitatakse ainult siis, kui sellele funktsioonile või objektile helistatakse.
Põhimõtteliselt tähendab see, et mis tahes kood teie lehe peas ja kehas, mis ei asu funktsioonis või objektis, töötab lehe laadimisel - niipea kui leht on laadinud selle koodi kasutamiseks piisavalt.
Viimane bit on oluline ja mõjutab koodi paigutamist lehele: otse lehele paigutatud kood, mis peab toimima lehe elementidega, peab ilmuma pärast elemendid lehel, millest see sõltub.
Üldiselt tähendab see seda, et kui kasutate oma lehe sisuga suhtlemiseks otsest koodi, siis peaks see kood olema paigutatud kere alaossa.
Kood funktsioonide ja objektide piires
Funktsioonide või objektide sees olevat koodi käivitatakse alati, kui sellele funktsioonile või objektile helistatakse. Kui seda kutsutakse koodist, mis asub otse lehe peas või kehas, siis selle koht täitmiskäsk on tegelikult koht, kuhu funktsioon või objekt otse kutsutakse kood.
Sündmuste käitlejatele ja kuulajatele määratud kood
Funktsiooni määramine sündmuse käitlejale või kuulajale ei tähenda, et funktsiooni juhitakse kohas, kus see on määratud - eeldusel, et olete tegelikult määramine funktsioon ise ja ei jookse funktsioon ja tagastatud väärtuse määramine. (Sellepärast te tavaliselt ei näe () funktsiooni nime lõpus, kui see on sündmusele määratud alates sulud käivitavad funktsiooni ja määravad tagastatud väärtuse, mitte funktsiooni omistamise ise.)
Sündmuste käitlejatele ja kuulajatele lisatud funktsioonid käivitatakse siis, kui käivitatakse sündmus, mille külge nad on ühendatud. Enamiku sündmuste käivitavad külastajad, kes suhtlevad teie lehega. Siiski on olemas mõned erandid, näiteks koormus sündmus aknas ise, mis käivitatakse lehe laadimise lõppedes.
Leheelementide sündmustele lisatud funktsioonid
Kõik lehe enda elementidel sündmustega seotud funktsioonid käivitatakse vastavalt iga külastaja tegevusele - see kood töötab ainult siis, kui selle käivitamiseks tuleb mõni konkreetne sündmus. Sel põhjusel pole vahet, kas kood ei käi kunagi ühe külastaja jaoks, kuna see külastaja pole ilmselgelt seda vajalikku toimingut läbi viinud.
Kõik see eeldab muidugi seda, et külastaja on teie lehele pääsenud brauseriga, millel on JavaScript lubatud.
Kohandatud külastaja kasutajaskriptid
Mõned kasutajad on installinud spetsiaalsed skriptid, mis võivad teie veebisaidiga suhelda. Need skriptid töötavad pärast kogu teie otsest koodi, kuid enne mis tahes kood, mis on lisatud laadimissündmuse käitlejale.
Kuna teie leht ei tea nendest kasutaja skriptidest midagi, ei saa te kuidagi teada, mida need välised skriptid võivad teha - need võivad alistada mõne koodi või kogu koodi, mille olete lisanud erinevatele sündmustele, millele olete määranud töötlemine. Kui see kood alistab sündmuste käitlejaid või kuulajaid, käivitatakse vastus sündmuse päästikutele teie koodi asemel või lisaks sellele kasutaja määratud koodi.
Siinkohal on koduseks punktiks see, et te ei saa eeldada, et pärast lehe laadimist käivitatavaks koodiks lubatakse töötada nii, nagu te selle kujundasite. Lisaks pidage meeles, et mõnel brauseril on suvandeid, mis lubavad mõne sündmusekäitleja keelata brauser, sel juhul ei käivita asjakohane sündmuse päästik teie sündmuses vastavat sündmuste käitlejat / kuulajat kood.