Koristeći javascript i onload događaje za stvaranje "neovisnih" stranica

Poslužitelj generira stranicu i šalje je pregledniku kada posjetitelj dođe na stranicu. Zbirna logika svih stranica stranice određuje funkcionalnost web-resursa i interes posjetitelja. Korištenje javascript i onload događaja drastično mijenja funkcioniranje stranice. Ako dodijelite rukovatelja na kraju početnog dizanja, tada možete točno odrediti što točno i što bi trebalo početi raditi.

Događaj na glavnoj stranici

Učitavanje stranice istječe događajem onload dodijeljenim oznaci tijela. Početak ovog događaja prethodi preuzimanju svih stilova, skripti, slika i drugih resursa. Stablo stabla stranica (DOM) je konstruirano, ali se možda ne prikazuje u prozoru preglednika.


HTML sintaksa u javascriptu i tijelu onload je jedan integral. Dovršenje događaja prijenosa događa se čim se tijelo dokumenta sa svim povezanim datotekama (resursima) učita i spremno za upotrebu.
[thumb] http://hi-news.pp.ua/uploads/posts/2018-08/vikoristannya-javascript-onload-podyi-dlya-stvorennya-samostynih-saytv_891.jpeg
Primjer pokazuje kako spojiti rukovatelja događaja onload na javascript. Ostavio je kôd HTML stranice. Oznaka tijela je GoPage () rukovatelj. Desno je kod rukovatelja - uobičajena funkcija jezika preglednika s "neobičnom" funkcionalnošću.

Jednostavan primjer korištenja opterećenja

Primjer je jednostavan i demonstrativan. Ne postoji specifična logika, a mehanizam obrade događaja onload na javascript prikazan je na traženom zadatku - orijentacija elemenata stranice u prozoru preglednika specifičnaveličine Zadatak je jednostavan - web-mjesto treba preuzeti tako da se njegovi elementi nalaze na ispravnim pozicijama, ovisno o veličini prozora preglednika. Odmah nakon oznake tijela nalazi se opis potrebnih varijabli koje sadrže trenutnu: visinu i širinu prozora, koordinate zaglavlja, sadržaj i podnožje stranice. Varijable su samo opisane, dobivaju stvarne vrijednosti pri obradi događaja onload u funkciji javascripta GoPage ().


Primjer je značenja da prilikom preuzimanja stranice dobivate potrebne početne podatke i osiguravate izvršavanje funkcije scfChange (). Ovu funkciju dodjeljuje rukovatelj događaja od veličine i pokreće se svaki put kada se promijeni veličina prozora preglednika. Primjer rezultata: događaj onload na javascript uzrokuje postavljanje početnih vrijednosti kako bi se osigurao ispravan rad scfChange () i pokreće poziv "InitXML () poslužitelju" za sljedeće radnje:

Logika korištenja događaja onload

Posjetitelj dolazi na stranicu, stranica učitava, pokreće se onload događaj, i pokreću se sve pripremne radnje. Logika rada nakon što onload radi ovisi o logici mjesta i njegovoj funkcionalnoj namjeni, primjerice, mjesto trgovine na "dolasku" na njega posjetitelj može vratiti to mjesto, u kojoj je posjetitelj napustio stranicu u prošloj sesiji, i za "novi dolazak" novog posjetitelja da mu ponudi početnu stranicu s robom svakodnevne ili stvarne potražnje.
http://hi-news.pp.ua/uploads/posts/2018-08 /vikoristannya-javascript-onload-podyi-dlya-stvorennya-samostynih-saytv_222.jpeg
Stranica za tražilice može vratiti zadnji uzorak za svojklijentu i ponuditi opis njegove funkcionalnosti za novog posjetitelja. Ne postoji jamstvo da korisnici web-lokacije ili novi posjetitelji neće odlučiti osvježiti stranicu. A to je također i onload događaj, a javascript funkcije će morati "razlikovati početno učitavanje stranice od ažuriranja". To nije veliki problem u programiranju, ali može biti teško formulirati ispravnu logiku stranice kao cjeline.

Dinamički resursi mjesta

Pitanja vremena (trenutak dolaska posjetitelja) učitavanje stilova, crteža, skripti - kompetentnost i profesionalnost programera. Ako, prema logici područja primjene ili spektru zadataka koje treba riješiti, odmah trebate preuzeti cijelu funkcionalnost, bez napora. Po završetku događaja onload bit će potrebno samo pokrenuti logiku s bilo koje početne točke.
http://hi-news.pp.ua/uploads/posts/2018-08/vikoristannya-javascript-onload-podyi-dlya-stvorennya-samostynih-saytv_873.jpeg
Neki resursi (na primjer, slike robe u trgovini) nisu odmah određeni rasponom (sadržajem) i mogu se dinamički mijenjati. Dolazak posjetitelja mora biti popraćen praćenjem vremena: posjetiteljem javascript rukovatelj (onload) i image (load) - procesi koji oduzimaju puno vremena. Nije potrebno uključiti sve što može biti korisno u funkciji rukovatelja ulaza. " Slika, zvuk i drugi obimni resursi uvijek se mogu preuzeti u vrijeme korištenja ili predvidjeti logiku prethodnog učitavanja tijekom dijaloga s posjetiteljem.

Živa i dinamična stranica

Teško je zamisliti stvaranje modernogdinamička stranica bez javascripta i onloada. Funkcija GoPage () - nije samo definicija statusa preglednika i ponovno izračunavanje koordinata elemenata stranice (u gornjem primjeru). Funkcija GoPage je poziv poslužitelju "InitXML" za donošenje važnih odluka i "kontinuiranih odnosa".
[thumb] http://hi-news.pp.ua/uploads/posts/2018-08/vikoristannya-javascript- Sljedeći primjer, kao predložak za donošenje odluke o stvaranju žive stranice, već je dugi niz godina korišten za stvaranje dinamičkih mrežnih resursa koji vode posjetitelja od trenutka kada je došao do kraja sesije. Vraćanje posjetitelja na web-lokaciju nastavak je posla, a ne mogućnost pokretanja nove sesije. Nova sesija namijenjena je samo novom posjetitelju. yadaty oznake onload dolazi kao posjetitelj, situacija ide od stranice događaja događaja „interakcije” između web stranice posjetitelja (redovni kupac) u svojim odnosima tijekom vremena.

Povezane publikacije