Защо трябва да използвате JavaScript на вашия сайт

click fraud protection

Не всеки има JavaScript в своя уеб браузър, а някои от тези, които използват браузъри, където е наличен, го изключват. Ето защо е необходимо вашата уеб страница да може да функционира правилно за тези хора, без изобщо да използва JavaScript. Защо тогава искате да добавите JavaScript към уеб страница, която вече работи без нея?

Има няколко причини, поради които може да искате да използвате JavaScript на вашата уеб страница, въпреки че страницата е използваема без JavaScript. Повечето от причините са свързани с предоставянето на по-приятно изживяване за посетителите, които имат активиран JavaScript. Ето няколко примера за правилното използване на JavaScript за подобряване на преживяването на вашия посетител.

Където на вашата уеб страница имате формуляри, които посетителят ви трябва да попълни, съдържанието на формуляра ще трябва да бъде валидирано, преди да може да бъде обработено. Разбира се, ще имате валидиране от страна на сървъра, което потвърждава формата, след като е изпратено и което презарежда формата, като подчертава грешките, ако е въведено нещо невалидно или са задължителни полета липсва. Това изисква обратно пътуване до сървъра, когато формулярът е изпратен, за да извърши валидирането и да докладва за грешките. Можем да ускорим значително този процес, като дублираме тази проверка с помощта

instagram viewer
JavaScript и чрез закрепване на голяма част от Проверка на JavaScript към отделните полета. По този начин лицето, което попълва формуляра с активиран JavaScript, има незабавна обратна връзка, ако това, което въведе в поле, е невалидно вместо да попълнят целия формуляр и да го изпратят и след това трябва да изчакат следващата страница да се зареди, за да им дадат обратна връзка. Формулярът работи както със, така и без JavaScript и предоставя по-незабавна обратна връзка, когато може.

Слайдшоуто се състои от редица изображения. За да функционира слайдшоуто без JavaScript следващото и предишното бутони, които работят слайдшоуто, трябва да презареди цялата уеб страница, заменяща новото изображение. Това ще работи, но ще е бавно, особено ако слайдшоуто е само една малка част от страницата. Можем да използваме JavaScript за зареждане и замяна на изображенията в слайдшоуто, без да е необходимо да презареждаме останалата част от уеб страницата и така правят слайдшоуто операцията много по-бърза за тези на нашите посетители с JavaScript активирана.

Менюто "suckerfish" може да работи изцяло без JavaScript (освен в IE6). Менютата ще се отворят, когато мишката се задържи върху тях и ще се затворят, когато мишката бъде извадена. Подобно отваряне и затваряне ще бъде моментално, когато менюто се появява и изчезва. Като добавим малко JavaScript, може да изглежда, че менюто се превърта, когато мишката се движи върху него и превърта назад когато мишката се отдалечи от нея, придавайки по-хубав вид на менюто, без да се отразява на начина, по който менюто работи.

При всички подходящи приложения на JavaScript целта на JavaScript е да подобри начина, по който работи и работи уеб страницата предоставете на своите посетители, които имат активиран JavaScript с по-приятен сайт, отколкото е възможно без JavaScript. Използвайки JavaScript по подходящ начин, вие насърчавате онези, които имат избор дали ще позволят JavaScript да се стартира или не, всъщност да го включат за вашия сайт. Не забравяйте, че редица онези, които имат избор и които са избрали да изключат JavaScript, са направили това поради начина в които някои сайтове напълно злоупотребяват с javaScript, така че да влошат по-лошото преживяване на посетителите им По-добре. Не сте от тези, които използват JavaScript неподходящо и затова насърчавате хората да изключват JavaScript.

instagram story viewer