Използване на javascript и onload събития за създаване на "независими" сайтове

Сървърът генерира страница и го изпраща на браузъра, когато посетител е дошъл на сайта. Съвкупната логика на всички страници на сайта определя функционалността на уеб ресурса и интереса на посетителите към него. Използването на javascript и onload събития драстично променя функционирането на сайта. Ако присвоите манипулатора в края на първоначалното зареждане, можете да определите точно какво точно и какво трябва да започне да се прави.

Събитие на главната страница

Зареждането на страницата изтича чрез събитие onload, присвоено на етикета на тялото. Началото на това събитие предхожда изтеглянето на всички стилове, скриптове, изображения и други ресурси. Дървото на дървото на страниците (DOM) е конструирано, но може да не се показва в прозореца на браузъра.


HTML синтаксисът в javascript и body onload е един интеграл. Завършването на събитието се извършва веднага след като тялото на документа с всички свързани файлове (ресурси) е заредено и готово за използване.
[thumb] http://hi-news.pp.ua/uploads/posts/2018-08/vikoristannya-javascript-onload-podyi-dlya-stvorennya-samostynih-saytv_891.jpeg
Примерът показва как да се свърже манипулаторът на събития onload към javascript. Напусна HTML кода на страницата. Тегът на тялото е манипулаторът на GoPage (). В дясно е кодът на манипулатора - обичайната функция на езика на браузъра с „необичайна“ функционалност.

Един прост пример за използване на натоварването

Един пример е прост и показателен. Няма специфична логика, а механизмът на обработване на събитието при зареждане на javascript се показва на търсената задача - ориентацията на елементите на страницата в прозореца на браузъраразмер Задачата е проста - сайтът трябва да бъде изтеглен, така че елементите му да се намират в правилните позиции, в зависимост от размера на прозореца на браузъра. Непосредствено след етикета на тялото се описват необходимите променливи, съдържащи текущата: височината и ширината на прозореца, координатите на заглавната част, съдържанието и долната част на страницата. Променливите се описват само, получават се реални стойности при обработване на събитие onload в javascript функцията на GoPage ().


Смисълът на примера е, че при изтегляне на страница се получават необходимите първоначални данни и се гарантира, че функцията scfChange () се изпълнява. Тази функция се присвоява от обработващия събитие на resize и се изпълнява всеки път, когато се променя размерът на прозореца на браузъра. Примерният резултат: onload събитие в javascript причинява настройване на началните стойности, за да се гарантира правилната работа на scfChange () и задейства повикването към сървъра "InitXML ()" за следните действия:

Логиката за използване на събитие onload

Посетителят идва на сайта, страницата заредена, се задейства събитие onload, и всички подготвителни действия се задействат.Логиката на работата след работа на натоварването зависи от логиката на сайта и неговото функционално предназначение, например, сайтът на магазина при "пристигането" на него посетителят може да възстанови това място, в който посетителят е напуснал сайта в предишната сесия, и за "новото пристигане" на новия посетител да му предложи начална страница със стоките от ежедневното или действителното търсене.
http://hi-news.pp.ua/uploads/posts/2018-08 /vikoristannya-javascript-onload-podyi-dlya-stvorennya-samostynih-saytv_222.jpeg
Сайтът на търсачката може да възстанови последната извадка за своятаклиент и предлага описание на неговата функционалност за нов посетител. Няма гаранция, че посетителите на сайта или новият посетител няма да изберат да обновят страницата. И това също е събитие при зареждане, а функциите на javascript трябва да могат да различават първоначалното зареждане на страницата от нейната актуализация. Това не е голям проблем при програмирането, но може да е трудно да се формулира правилната логика на сайта като цяло.

Динамични ресурси на сайта

Въпроси във времето (момент на пристигане на посетителя) зареждане на стилове, рисунки, скриптове - компетентност и професионализъм на разработчика. Ако според логиката на областта на приложение или спектъра от задачи, които трябва да се решат, веднага трябва да изтеглите цялата функционалност, не се изискват усилия. При завършване на събитие onload ще е необходимо само да се стартира логиката от всяка начална точка.
[thumb] http://hi-news.pp.ua/uploads/posts/2018-08/vikoristannya-javascript-onload-podyi-dlya-stvorennya-samostynih-saytv_873.jpeg
Някои ресурси (например снимки на стоки в магазина) не се определят веднага от обхвата (съдържанието) и могат да се променят динамично. Пристигането на посетителя трябва да бъде съпроводено с проследяване на времето: посетителски javascript обработчик (onload) и образ (load) - процеси, които отнемат много време. Не е необходимо да се включва всичко, което може да бъде полезно във функцията на входния манипулатор. " Изображението, звукът и други обемни ресурси винаги могат да бъдат изтеглени по време на употреба или да се предвиди логиката на предишното качване по време на диалога с посетителя.

Жив и динамичен сайт

Трудно е да си представим създаването на модерендинамичен сайт без javascript и onload. Функция GoPage () - не е само определение на състоянието на браузъра и преизчисляване на координатите на елементите на страницата (в примера по-горе). Функция GoPage е покана към сървъра "InitXML" за вземане на важни решения и "продължаващи отношения".
[thumb] http://hi-news.pp.ua/uploads/posts/2018-08/vikoristannya-javascript- Следният пример, като шаблон за вземане на решение за създаването на жив сайт, е бил използван от много години за създаване на динамични мрежови ресурси, които водят посетителя от момента, в който дойде до края на сесията. Връщането на посетител в даден сайт е продължение на работата, а не опция за започване на нова сесия. Нова сесия е само за нов посетител. yadaty при зареждане идва като посетител, ситуацията излиза от страницата за събитието събитие "взаимодействие" между посетителите на уебсайта (редовен клиент) в отношенията си с течение на времето.

Свързани публикации