Koda in vodnik za izvedbo JavaScript

Oblikovanje vaše spletne strani s pomočjo JavaScript zahteva pozornost pri vrstnem redu, v katerem se prikaže vaša koda ali kodo vgrajujete v funkcije ali predmete, kar vse vpliva na vrstni red, v katerem je koda teče.

Ker se JavaScript na vaši strani izvaja na podlagi določenih dejavnikov, razmislimo, kje in kako dodati JavaScript na spletno stran.

V bistvu so tri lokacije, na katere lahko pritrdimo JavaScript:

• Neposredno v glavo strani
• Neposredno v telo strani
• Od upravljavca dogodkov / poslušalca

Ni važno, ali je JavaScript znotraj spletne strani sam ali v zunanjih datotekah, povezanih s stranjo. Prav tako ni pomembno, ali so upravljavci dogodkov trdo kodirani na stran ali jih doda sam JavaScript (le da jih ni mogoče sprožiti, preden so dodani).

Kaj pomeni reči, da je JavaScript neposredno v glavi ali telesu strani? Če koda ni zaprta v funkcijo ali predmet, je neposredno na strani. V tem primeru se koda zažene zaporedno, ko se datoteka, ki vsebuje to kodo, naloži dovolj, da je dostopna do te kode.

Koda, ki je znotraj funkcije ali predmeta, se zažene samo, če je klicana funkcija ali objekt.

V bistvu to pomeni, da se bo vsaka koda znotraj glave in telesa vaše strani, ki ni znotraj funkcije ali predmeta, pognala med nalaganjem strani - takoj, ko se stran se je dovolj naložil, da dostopa do te kode.

Zadnji del je pomemben in vpliva na vrstni red, kako kodo postavite na stran: vsaka koda, ki je nameščena neposredno na strani, mora medsebojno vplivati ​​na elemente na strani po elementi na strani, od katere je odvisen.

Na splošno to pomeni, da če uporabljate neposredno kodo za interakcijo z vsebino vaše strani, je treba takšno kodo postaviti na dno telesa.

Koda znotraj funkcij in predmetov

Koda znotraj funkcij ali predmetov se zažene, kadar se ta funkcija ali predmet pokliče. Če ga kličete iz kode, ki je neposredno v glavi ali telesu strani, potem je njeno mesto v izvedbeni nalog je dejansko točka, na kateri se funkcija ali predmet pokliče iz neposrednega Koda.

Če dodelite funkcijo obdelovalcu dogodkov ali poslušalcu, to ne pomeni, da se funkcija izvaja na točki, na kateri je dodeljena - pod pogojem, da ste dejansko dodeljevanje sama funkcija in ne teče funkcijo in dodeljevanje vrnjene vrednosti. (Zato tega na splošno ne vidite () na koncu imena funkcije, ko je dodeljen dogodku po dodajanju oklepaji zaženejo funkcijo in dodelijo vrnjeno vrednost namesto dodelitve funkcije sama.)

Funkcije, pripete na obdelovalce dogodkov in poslušalce, se zaženejo, ko se sproži dogodek, na katerega so priključeni. Večino dogodkov sprožijo obiskovalci, ki komunicirajo z vašo stranjo. Vendar obstajajo nekatere izjeme, kot je obremenitev dogodek na samem oknu, ki se sproži, ko se stran zaključi z nalaganjem.

Funkcije, priložene dogodkom na elementih strani

Vse funkcije, pripete na dogodke na elementih znotraj same strani, se bodo izvajale v skladu z dejanji vsakega posameznega obiskovalca - ta koda se izvaja samo, če se zgodi določen dogodek. Zaradi tega ni pomembno, če koda za določenega obiskovalca nikoli ne deluje, saj očitno ni opravil interakcije, ki jo zahteva.

Vse to seveda predvideva, da je vaš obiskovalec dostop do vaše strani z brskalnikom, ki ga ima JavaScript omogočeno.

Nekateri uporabniki so namestili posebne skripte, ki lahko vplivajo na vašo spletno stran. Ti skripti se izvajajo po vsej vaši neposredni kodi, vendar prej poljubno kodo, pripeto na upravljavcu dogodkov obremenitve

Ker vaša stran o teh uporabniških skriptah ne ve nič, ne morete vedeti, kaj lahko naredijo ti zunanji skripti - lahko preglasijo katero koli ali vso kodo, ki ste jo priložili različnim dogodkom, ki ste jih dodelili obravnavati. Če ta koda preglasi nosilce dogodkov ali poslušalce, bo odgovor na sprožilce dogodkov sprožil kodo, ki jo je določil uporabnik namesto ali poleg vaše kode.

Točka domače točke je, da ne morete domnevati, da bo koda, zasnovana za zagon, ko se bo stran naložila, lahko tekla tako, kot ste zasnovali. Poleg tega bodite pozorni, da imajo nekateri brskalniki možnosti, ki omogočajo onemogočanje nekaterih obdelovalcev dogodkov znotraj brskalnik, v tem primeru ustrezni sprožilec dogodkov ne bo sprožil ustreznega upravljalca / poslušalca dogodkov v vašem Koda.