Урок №1: основы JavaScript
Итак, вы неплохо разобрались с языком разметки HTML, и с таблицами стилей CSS, и готовы двигаться дальше. Пожалуй третье что должен знать любой вебмастер - это язык сценариев JavaScript. JavaScript(JS) выполняется в браузере посетителей сайта и необходим для создания интерактивных страниц сайта. JS практически всегда используется при создании интернет магазинов и сайтов.
Немного истории
В 1995 году компания Netscape разработала язык сценариев JavaScript, который используется в браузерах. Существует много разновидностей данного языка, от разных разработчиков (JScript от Microsoft, ECMAScript от Европейской Ассоциации), однако название JavaScript широко применяется для всех разновидностей языка. JavaScript не является собственностью какой-нибудь компании или организации, что отличает ее от многих языков программирования, которые используют в веб-разработке. Целью разработчиков JavaScript было, создать язык программирования, который похож на Java и при этом более простой в освоении для начинающих веб-программистов.
Компания Microsoft в дополнение к своей модификации JScript разработала дополнительный язык VBScript, который существенно отличается от JavaScript, и работает только в браузере Internet Explorer. Разумеется лучше использовать JavaScript, чтобы сценарии возможно было просматривать не только в IE, но и в браузерах Netscape, Opera и т.д.
Область применения JavaScript
Благодаря JavaScript на веб-страницах можно выполнять много разнообразных действий, например:
- Определять тип браузера и дисплеяи в соответствии с этим корректировать веб-страницу
- Открывать дополнительные окна браузера и вводить в них содержимое, заголовки, тексты, строки состояния и т.д.
- Успешно управлять фреймами и документами в браузере
- Обеспечивать сопровождение движения курсора мышки графическими и звуковыми эффектами ( когда посетитель проводит ею над определенным объектом)
- Расширять возможности форм, устанавливать для них значения по умолчанию, считывать и проверять введенные в них данные и в зависимости от данных изменять веб-страницу
- Создавать и считывать cookie-файлы
- Считывать и записывать время и дату
- Выполнять апплеты Java с различными параметрами, в зависимости от данных, введенных посетителем, или же типом браузера, в котором выводится страница
- Анимировать объекты веб-страницы, накладывать несколько слоев документа друг на друга
И это далеко не все возможности языка сценариев JavaScript. Стоит заметить, что, на данный язык оказали влияния многие языки программирования. Именно поэтому в JavaScript имеются: переменные, литералы, циклы, числовые и строковые операторы, условные операторы, комментарии и пользовательские функции.
Простейшая программа на JavaScript
Создадим простейшую программу, которая перед открытием веб-страницы в браузере, создаст всплывающее окно с сообщением. Вставим ее прямо в HTML код (в контейнер body).
<script type="text/javascript">
//Выводим на экран текст
document.write('Пример выводимого текста');
//Выводим на экран сообщение
alert('Сообщение в сплывающем окне браузера')
</script>
|
Содержимое данной программы можно отредактировать, если вы хотите оставить только всплывающее окно необходимо оставить только вторую строчку программы - alert('Сообщение в сплывающем окне браузера'), которую также взять в парный тег script. Комментарии и пометки в программе принято задавать после парного слеша - //, если комментарий однострочный. Если же комментарий требует использовать несколько строк, то их берут в такие символы: /* ваш многострочный комментарий */
На следующем уроке разберем способы подключения сценариев JavaScript: Подключение JavaScript
|