Objednávkový kód a sprievodca JavaScript

Navrhovanie vašej webovej stránky pomocou JavaScriptu si vyžaduje pozornosť v poradí, v akom sa váš kód zobrazuje a či zapuzdrujete kód do funkcií alebo objektov, ktoré ovplyvňujú poradie, v ktorom sa kód nachádza beží.

Umiestnenie JavaScriptu na vašej webovej stránke

Keďže sa JavaScript na vašej stránke spúšťa na základe určitých faktorov, zvážme, kde a ako pridať JavaScript na webovú stránku.

V zásade existujú tri miesta, na ktoré môžeme pripojiť JavaScript:

  • Priamo do hlavičky stránky
  • Priamo do tela stránky
  • Od obsluhy / poslucháča udalostí

Nezáleží na tom, či je to JavaScript na webovej stránke sám alebo v externých súboroch prepojených na stránku. Nezáleží tiež na tom, či sú obsluhy udalostí pevne zakódované na stránku alebo či ich pridáva samotný skript JavaScript (okrem toho, že ich nemožno spustiť pred ich pridaním).

Kód priamo na stránke

Čo to znamená povedať, že je JavaScript priamo v hlave alebo tele stránky? Ak kód nie je uzavretý vo funkcii alebo objekte, nachádza sa priamo na stránke. V tomto prípade sa kód spustí postupne, len čo sa súbor obsahujúci kód načíta dostatočne na to, aby bol tento kód prístupný.

instagram viewer

Kód, ktorý je vo funkcii alebo objekte, sa spustí iba vtedy, keď sa táto funkcia alebo objekt volá.

V zásade to znamená, že akýkoľvek kód vo vnútri hlavy a tela vašej stránky, ktorý nie je vo funkcii alebo objekte, sa spustí pri načítaní stránky - ihneď po načítaní stránky sa načítal dostatočne na prístup k tomuto kódu.

Tento posledný bit je dôležitý a ovplyvňuje poradie, v ktorom umiestnite svoj kód na stránku: musí sa objaviť akýkoľvek kód umiestnený priamo na stránke, ktorý musí interagovať s prvkami na stránke. po prvky na stránke, od ktorých závisí.

Vo všeobecnosti to znamená, že ak na interakciu s obsahom vašej stránky používate priamy kód, takýto kód by mal byť umiestnený na spodnej časti tela.

Kód v rámci funkcií a objektov

Kód vo vnútri funkcií alebo objektov sa spustí vždy, keď sa táto funkcia alebo objekt volá. Ak sa volá z kódu, ktorý sa nachádza priamo v hlave alebo na časti stránky, potom je jej miesto v exekučný príkaz je v skutočnosti bod, v ktorom je funkcia alebo objekt vyvolaný priamo code.

Kód pridelený spracovateľom udalostí a poslucháčom

Priradenie funkcie obsluhe udalostí alebo poslucháčovi nevedie k spusteniu funkcie v bode, v ktorom je priradená - za predpokladu, že ste skutočne priradenie - samotná funkcia a - nebeží funkcie a priradenie vrátenej hodnoty. (To je dôvod, prečo zvyčajne nevidíte () na konci názvu funkcie, keď je priradená k udalosti od pridania zátvorky spúšťajú funkciu a priraďujú vrátenú hodnotu namiesto priradenia funkcie sám.)

Funkcie, ktoré sú pripojené k obsluhe udalostí a poslucháčom udalostí, sa spustia, keď sa spustí udalosť, ku ktorej sú pripojené. Väčšina udalostí je vyvolaná interakciou návštevníkov s vašou stránkou. Existujú však niektoré výnimky, napríklad naložiť udalosť v samotnom okne, ktorá sa spustí po dokončení načítania stránky.

Funkcie pripojené k udalostiam na prvkoch stránky

Všetky funkcie spojené s udalosťami na prvkoch v rámci samotnej stránky sa budú spúšťať podľa akcií každého jednotlivého návštevníka - tento kód sa spustí iba vtedy, keď dôjde k aktivácii konkrétnej udalosti. Z tohto dôvodu nezáleží na tom, či sa kód pre daného návštevníka nikdy nespustí, pretože tento návštevník zjavne nevykonal interakciu, ktorá si to vyžaduje.

To všetko samozrejme predpokladá, že váš návštevník navštívil vašu stránku pomocou prehliadača JavaScript povolené.

Prispôsobené skripty návštevníka používateľa

Niektorí používatelia majú nainštalované špeciálne skripty, ktoré môžu ovplyvňovať vašu webovú stránku. Tieto skripty sa spúšťajú po všetkom priamom kóde, ale pred akýkoľvek kód pripojený k obsluhe udalosti zaťaženia.

Keďže vaša stránka o týchto používateľských skriptoch nevie, nemáte žiadny spôsob, ako zistiť, čo tieto externé skripty môžu urobiť - mohli by prepísať akýkoľvek alebo celý kód, ktorý ste pripojili k rôznym udalostiam, ktoré ste priradili spracovanie. Ak tento kód nahradí obsluhy udalostí alebo poslucháčov udalostí, v reakcii na spúšťače udalostí sa spustí kód definovaný používateľom namiesto vášho kódu alebo dodatočne k nemu.

Cieľovým bodom je tu, že nemôžete predpokladať, že kód určený na spustenie po načítaní stránky bude môcť bežať tak, ako ste ho navrhli. Okrem toho si uvedomte, že niektoré prehliadače majú možnosti, ktoré umožňujú vypnúť niektoré obsluhy udalostí v rámci systému Windows prehliadač, v takom prípade nespustí spúšťač relevantných udalostí vo vašom prehliadači príslušný obslužný program udalosti code.

instagram story viewer