Pomocou javascript a onload udalostí vytvárať "nezávislé" stránky

Server vygeneruje stránku a odošle ju do prehliadača, keď návštevník prišiel na stránku. Celková logika všetkých stránok stránky určuje funkčnosť webového zdroja a záujem návštevníkov. Použitie javascript a onload udalostí drasticky mení fungovanie stránky. Ak pridelíte psovod na konci počiatočného zavádzania, potom môžete presne určiť, čo presne a čo sa má začať robiť.

Udalosť na hlavnej stránke

Zaťaženie stránky vyprší udalosťou načítania pridelenej značke tela. Nástup tejto udalosti predchádza sťahovanie všetkých štýlov, skriptov, obrázkov a iných zdrojov. Strom stromu stránok (DOM) je konštruovaný, ale nemusí byť zobrazený v okne prehliadača.


Syntax HTML vo funkcii javascript a bodyload je jeden integrál. Udalosť stiahnutie nastane, keď je telo dokumentu so všetkými sprievodné súbormi (zdrojov) nabitá a pripravená na použitie.
[palec] http://hi-news.pp.ua/uploads/posts/2018-08/vikoristannya-javascript-onload-podyi-dlya-stvorennya-samostynih-saytv_891.jpeg [/palec]
Príklad ukazuje, ako sa má pripojiť obslužný program udalostí load na javascript. Nechajte kód HTML stránky. Značka tela je handler GoPage (). Pravý handler kód - spoločný rys jazyka prehliadača "neobvyklé" funkcie.

Jednoduchý príklad onload

Príkladom jednoduché a odhaľujúce. Neexistuje žiadne zvláštne logika a spracovanie udalostí mechanizmus javascript onload zobrazený na problém dopytu - zamerať prvky stránky v prehliadači konkrétnomveľkosť Úloha je jednoduchá - web musí byť stiahnutý tak, aby jeho prvky boli umiestnené na správnych pozíciách v závislosti od veľkosti okna prehliadača. Bezprostredne po tagu body je popis nevyhnutných premenných, ktoré obsahujú aktuálne: výšku a šírku okná, koordináty klobúky, obsah a päty stránky. Premenné sú len popísané, získajú reálne hodnoty pri spracovaní udalosti načítania vo funkcii javascript funkcie GoPage ().


Význam napríklad v tom, že keď sa stránka načíta, ktoré musia prijímať počiatočné dáta a zabezpečiť funkcie dodržiavanie scfChange (). Táto funkcia je priradená obslužnou rutinou udalostí, ktorá sa mení a spustí pri každej zmene veľkosti okna prehliadača. Príklad výsledku :. onload udalosť v JavaScripte je nastavenie predvolené hodnoty pre správnu funkciu scfChange () a začne komunikovať so serverom «InitXML (» pre prijatie týchto opatrení

Problém logiky pomocou udalosti onLoad

návštevníkov na stránku webe naložený, onload udalosť je spustená, a vykonal všetky prípravné kroky. logike onload po testovaní závisí na logike webu a jeho funkčnosť. napríklad v obchode namiesto na "príchod" od neho môžete obnoviť miesto kde tento návštevník opustil miesto poslednej relácie. A pre "príchod" nového návštevníka ponúknuť mu úvodnú stránku s výrobkami alebo skutočnej každodennej potreby
. [palec] http://hi-news.pp.ua/uploads/posts/2018-08 /vikoristannya-javascript-onload-Podyjí-dlya-stvorennya-samostynih-saytv_222.jpeg [/palec]
stránok pre vyhľadávače môžete obnoviť poslednú vzorku pre jehoklienta a ponúka popis jeho funkčnosti pre nového návštevníka. Neexistuje žiadna záruka, že patróni stránok alebo nový návštevník sa nebude rozhodovať na obnovenie stránky. A toto je tiež udalosť načítania a funkcie javascript budú musieť "odlíšiť počiatočné načítanie stránky od aktualizácie. To nie je veľký problém pri programovaní, ale môže byť ťažké formulovať správnu logiku stránky ako celku.

Resources dynamický web

Táto otázka času (od príchodu zatiaľ) spúšťacie štýlov, obrázkov, skriptov - kompetenciu a profesionalitu developera. Ak logiky aplikácie alebo rozsah úloh, ktoré je potrebné okamžite stiahnuť plnú funkčnosť je vyžadované žiadne úsilie. Po dokončení udalosti zaťaženia bude potrebné len spustiť logiku z ľubovoľného východiskového bodu.
[palec] http://hi-news.pp.ua/uploads/posts/2018-08/vikoristannya-javascript-onload-podyi-dlya-stvorennya-samostynih-saytv_873.jpeg [/palec]
Niektoré zdroje (napríklad obrázky tovaru v obchode) nie sú okamžite určené rozsahom (obsahom) a môžu sa dynamicky meniť. Skontrolujte, či je návštevník musí byť sprevádzaná pri sledovaní času, vstup handler pomocou JavaScriptu (onload) a obrazu (zaťaženie) - procesy oddelených v čase. Nie je potrebné zahrnúť všetko, čo môže byť užitočné vo funkcii vstupného psovoda. " Obraz (image), zvuky (zvuk) a ďalšie objemné zdroje sú vždy k dispozícii na stiahnutie v čase použitia alebo poskytovať logiku pred nahraním dialóg s návštevníkmi.

Živé a dynamické stránky

Je ťažké si predstaviť vytvorenie modernéhodynamické stránky bez javascriptu a načítania. Funkcia GoPage () - nie je len definíciou stavu prehliadača a prepočítaním súradníc prvkov stránky (v príklade vyššie). Funkcia GoPage - výzva server "InitXML (" robiť dôležité rozhodnutia a "pokračoval vzťah."
[palec] http://hi-news.pp.ua/uploads/posts/2018-08/vikoristannya-javascript- onload-Podyjí-dlya-stvorennya-samostynih-saytv_554.jpeg [/palec]
vyššie uvedený príklad ako šablónu riešenie pre vytvorenie obývaciu stránky bola použitá pre mnoho rokov vytvoriť dynamické sieťové zdroje, ktoré vedú návštevníka od chvíle, kedy prišiel do konca zasadania. Návrat návštevníka na stránku je pokračovaním práce, nie je možnosť spustiť novú reláciu. Nová relácia je len pre nového návštevníka. yadaty onload príde ako návštevník, situácia prejde zo stránky Event "interakcie" medzi návštevníkmi webových stránok (pravidelný zákazník) vo svojich vzťahoch v priebehu času.

Súvisiace publikácie