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