Web-сценарии сайта на языке JavaScript

Назначение языка JavaScript

JavaScript — предназначен для написания сценариев для активных HTML-страниц. Язык JavaScript не имеет никакого отношения к языку Java. Java разработан фирмой SUN. JavaScript — фирмой Netscape Communication Corporation. Первоначальное название — LiveScript. После завоевания языком Java всемирной известности LiveScript из коммерческих соображений переименовали в JavaScript.

JavaScript не предназначен для создания автономных приложений. Программа на JavaScript встраивается непосредственно в исходный текст HTML-документа и интерпретируется брaузером по мере загрузки этого документа. С помощью JavaScript можно динамически изменять текст загружаемого HTML-документа и реагировать на события, связанные с действиями посетителя или изменениями состоятия документа или окна.

Важная особенность JavaScript — объектная ориентированность. Программисту доступны многочисленные объекты, такие, как документы, гиперссылки, формы, фреймы и т. д. Объекты характеризуются описательной информацией (свойствами) и возможными действиями (методами).

JavaScript может:

Изменять страницу, писать на ней текст, добавлять и удалять теги, менять стили элементов.

Реагировать на события: скрипт может ждать, когда что-нибудь случится (клик мыши, окончание загрузки страницы) и реагировать на это выполнением функции.

Выполнять запросы к серверу и загружать данные без перезагрузки страницы. Это иногда называют «AJAX» .

Устанавливать и считывать cookie, валидировать данные, выводить сообщения и многое другое.

Программы на JavaScript называются скриптами, их можно подключить напрямую к html-файлу:

Разработка web-сценариев для сайта

В данной работе с помощью JavaScript реализована работа кнопки возврата к верхней части слоя «main"(рис.4).

Рис. 3. Кнопка «наверх».

Соответствующий код:

$(function () {.

$(window).scroll (function () {.

if ($(this).scrollTop () ≠ 0) {.

$('#toTop').fadeIn ();}.

else {.

$('#toTop').fadeOut ();}.

});

$('#toTop').click (function () {.

$('body, html').animate ({scrollTop:0}, 800);

});});

Помимо этого с помощью JavaScript реализовано появление окна с предложением пользователю узнать о текущих акциях в салоне, с возможностью отказаться от предложения (рис.4).

Рис. 4. Текущие акции в салоне.

Так же JavaScript используется для оповещения посетителя сайта о проблемах (рис.5).

Рис. 5. Оповещение JavaScript.