Šifra naloga i vodič za izvršenje JavaScripta

click fraud protection

Dizajniranje vaše web stranice pomoću JavaScripta zahtijeva pažnju u redoslijedu u kojem se pojavljuje i bilo da enkapsulirate kôd u funkcije ili objekte, a svi oni utječu na redoslijed u kojem je kod pokreće.

Položaj JavaScripta na vašoj web stranici

Budući da se JavaScript na vašoj stranici izvršava na temelju određenih čimbenika, razmotrimo gdje i kako dodati JavaScript web stranici.

U osnovi su tri lokacije na koje možemo priložiti JavaScript:

  • Izravno u glavu stranice
  • Izravno u tijelo stranice
  • Od korisnika / slušatelja događaja

Nije bitno da li je JavaScript unutar web stranice u sebi ili u vanjskim datotekama povezanim sa stranicom. Također nije važno da li su rukovatelji događajima tvrdo kodirani na stranicu ili ih je dodao sam JavaScript (osim što ih se ne može pokrenuti prije nego što su dodani).

Kôd izravno na stranici

Što znači reći da je JavaScript direktno u glavi ili tijelu stranice? Ako kôd nije zatvoren u funkciji ili objektu, nalazi se izravno na stranici. U ovom se slučaju kôd pokreće uzastopno čim se datoteka koja sadrži kod učitava dovoljno za pristup tom kôdu.

instagram viewer

Kôd unutar funkcije ili objekta pokreće se samo kad se ta funkcija ili objekt poziva.

U osnovi, to znači da će se bilo koji kôd unutar glave i tijela vaše stranice koji nije unutar funkcije ili objekta pokrenuti tijekom učitavanja stranice - čim stranica učitao se dovoljno za pristup tom kôdu.

Taj je posljednji dio važan i utječe na redoslijed postavljanja koda na stranicu: svaki kôd smješten na stranici koji treba komunicirati s elementima unutar stranice mora se pojaviti nakon elementi na stranici o kojoj ovisi.

Općenito, to znači da ako koristite izravan kôd za interakciju sa sadržajem stranice, takav bi kôd trebao biti smješten na dnu tijela.

Kôd unutar funkcija i objekata

Kod unutar funkcija ili objekata pokreće se kad god se ta funkcija ili objekt poziva. Ako je pozvan iz koda koji se nalazi izravno u glavi ili tijelu stranice, tada se njegovo mjesto nalazi u Naredba izvršenja je učinkovito točka u kojoj se funkcija ili objekt izravnim pozivom zove kodirati.

Kod dodijeljen osobama koje slušaju događaje i slušateljima

Dodjeljivanje funkcije obrađivaču događaja ili slušaocu ne rezultira funkcijom pokretanja u mjestu u kojem je dodijeljena - pod uvjetom da u stvari jeste dodjeljivanje sama funkcija i ne trčim funkciju i dodjeljivanje vraćene vrijednosti. (To je razlog zašto obično ne vidite () na kraju naziva funkcije kada je dodijeljen događaju nakon dodavanja znaka zagradama se izvršava funkcija i dodjeljuje vraćena vrijednost, a ne dodjeljivanje funkcije sebe.)

Funkcije priložene za obrađivače događaja i slušatelje pokreću se kad se pokrene događaj na koji su pridruženi. Većina događaja pokreću posjetitelji koji komuniciraju s vašom stranicom. Postoje, međutim, neke iznimke, kao što je opterećenje događaj na samom prozoru, koji se pokreće kada se stranica završi s učitavanjem.

Funkcije u prilogu događajima na elementima stranice

Sve funkcije povezane s događajima na elementima unutar same stranice izvodit će se prema radnjama svakog pojedinog posjetitelja - ovaj se kôd pokreće samo kad se dogodi određeni događaj da ga pokrene. Iz tog razloga nije važno da li se kôd nikad ne pokreće za određenog posjetitelja, jer očito nije učinio interakciju koja ga zahtijeva.

Sve to, naravno, pretpostavlja da je vaš posjetitelj vašoj stranici pristupio s preglednikom koji ima JavaScript omogućen.

Prilagođeni skripti za posjetitelje

Neki su korisnici instalirali posebne skripte koje mogu djelovati na vašu web stranicu. Te se skripte pokreću nakon vašeg izravnog koda, ali prije bilo koji kôd priključen na poslužitelju događaja učitavanja.

Budući da vaša stranica ne zna ništa o tim korisničkim skriptama, ne možete znati što bi ove vanjske skripte mogle raditi - mogli bi nadjačati bilo koji ili cijeli kôd koji ste dodali različitim događajima kojima ste dodijeljeni obrada. Ako ovaj kôd nadjača nositelje događaja ili slušatelje, odgovor na okidače događaja pokrenut će kôd koji je definirao korisnik, umjesto vašeg koda ili kao dodatak njemu.

Početna točka je da ne možete pretpostaviti da će kôd dizajniran za pokretanje nakon što se stranica učita dopustiti pokretanje onako kako ste je zamislili. Pored toga, imajte na umu da neki preglednici imaju opcije koje omogućuju onemogućavanje nekih alata za obradu događaja unutar preglednik, u kojem slučaju odgovarajući okidač događaja neće pokrenuti odgovarajući alat za obradu događaja / slušatelja u vašem kodirati.

instagram story viewer