В интернет-программировании постоянно возникает необходимость привлечь некоего виртуального исполнителя для выполнения нужных программисту действий в браузере или на сервере. Действиями могут быть, например, визуальные эффекты или обработка вводимых посетителем данных в браузере. Или сборка запрашиваемой страницы из отдельных блоков на сервере. Виртуальным исполнителем этих действий будет программное обеспечение сервера или браузера, а сценарий для исполнителя придется писать на одном из скриптовых языков программирования.
Чтобы получить общее представление о том, как делаются скрипты, давайте напишем несложный сценарий на языке JavaScript.
Инструкция
Сценарий JavaScript выполняется непосредственно в браузере, поэтому все, что необходимо для написания и исполнения, уже есть у вас в компьютере. В качестве рабочего инструмента программиста будем использовать обычный текстовый редактор - стандартный Блокнот. Этого вполне достаточно для создания простого скрипта, но, разумеется, для постоянного программирования лучше использовать специализированный редактор.Первый шаг: создайте в блокноте новый документ для записи инструкций браузеру.Теперь можно начать писать код инструкций. Браузер понимает не один язык - например, для разметки страницы используется язык HTML (HyperText Markup Language - «язык разметки гипертекста»), а для расширенного описания внешнего вида элементов страницы - язык CSS (Cascading Style Sheets - «каскадные таблицы стилей»). Чтобы дать исполнителю сценария понять, что эта часть исходного кода страницы написана на языке JavaScript, все инструкции надо поместить внутрь открывающего и закрывающего тегов:
...
Инструкции для браузера называются операторами языка. Например, инструкция прочесть и запомнить для дальнейшего использования в сценарии текущие дату и время компьютера выглядит так:var aTime = new Date();Теперь объект aTime содержит данные о дате и времени и при необходимости их можно извлекать и обрабатывать. Другая инструкция - напечатать в теле страницы какое либо сообщение - выглядит так:document.write("какое либо сообщение");Обратите внимание - здесь указан объект с именем "document", его не надо создавать, это происходит автоматически. Он представляет собой виртуальный образ текущей страницы. Из этого объекта можно извлекать информацию о странице и с ним можно осуществлять разные трансформации - например, в этой строке кода вы с помощью оператора write записали в document текст "какое либо сообщение".Теперь задействуйте в сценарии обе эти строки - напишите на странице текущее время:document.write ("Текущее время " + aTime.getHours() + ":" + aTime.getMinutes());Здесь простой операцией сложения (+) вы сцепили четыре составные части печатаемой строки. В окончательном виде ваш простой сценарий будет выглядеть так:
var aTime = new Date();
document.write ("Текущее время " + aTime.getHours() + ":" + aTime.getMinutes());
Завершающий шаг: сохраните скрипт с расширением html или htm (например, timeJS.html). Чтобы посмотреть, что у вас получилось, откройте файл в браузере - просто щелкните его двойным щелчком мыши.
Оцените статью!
3 ноября 2014 г.
Просмотров: