12.3. Вводим первый сценарий

12.3. Вводим первый сценарий

Классическим примером в начале изучения любого языка программирования является программа, выводящая сообщение Привет, мир!!!. Вот и мы создадим на JavaScript сценарий, который будет выводить такое сообщение. Чтобы проиллюстрировать возможности отладчика Microsoft Script Debugger, немного усложним пример и выведем не одно сообщение Привет, мир!!! а несколько. Кроме того, в процессе разбора сценария вы увидите, что очень просто изменить количество сообщений, выводимых в документе. Для примера работы в отладчике вмешаемся в ход выполнения сценария, изменив значение переменной-счетчика.

Теперь пора перейти к практике и создать, наконец, первый сценарий. Прежде стоит повторить, что язык JavaScript чувствителен к регистру символов. Это означает, что вам следует внимательно следить за тем, какими буквами вы набираете код сценария. Ведь, например, слова if и If в языке JavaScript – это абсолютно разные слова. Более подробно об этом вы узнаете в следующих главах, а пока достаточно правильно переписать сценарий из листинга 12.2.

1. Запустите текстовый редактор, в котором вы собираетесь создавать свои вебстраницы.

2. Создайте новый текстовый файл.

3. Введите текст вашего первого сценария из листинга 12.2.

Листинг 12.2. Первый сценарий

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Наш первый сценарий</title>

</head>

<body>

<script type="text/javascript">

<!–

for (var i = 0; i < 10; i++)

{

document.write("Привет, мир!!!");

}

//–>

</script>

</body>

</html>

4. Сохраните файл, например, с именем script1.html.

Создав веб-страницу со сценарием, можно посмотреть, как она будет выглядеть в браузере. Чтобы убедиться, что сценарий работает как следует, проверьте его во всех установленных на вашем компьютере браузерах.

Итак, если вы ввели все строки без ошибок, как в листинге 12.2, то на экране вашего браузера появится десять сообщений Привет, мир!!! (рис. 12.3).

Рис. 12.3. Первый сценарий, открытый в браузере

При разработке сценариев обычно одновременно открыт и текстовый редактор, в котором создается веб-страница, и несколько браузеров, в которых проверяется работоспособность создаваемой веб-страницы. Таким образом, после внесения и сохранения каких-либо изменений в сценарий достаточно перейти в окно браузера и нажать кнопку Обновить.

Однако удобнее разрабатывать веб-страницы и сценарии в специально созданных для этого редакторах. Поэтому в качестве примера разберем работу первого сценария в среде редактора Microsoft FrontPage.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

Режим Сценарий

Из книги Pinnacle Studio 11 автора Чиртик Александр Анатольевич

Режим Сценарий Итак, режим Сценарий лучше всего подходит для задания или проверки последовательности сцен, из которых составляется фильм проекта. Каждая сцена в этом режиме представлена кадром на киноленте. Кроме сцен в кадрах ленты могут быть показаны титры и меню. Как


13.3.1. Вводим текст

Из книги Самоучитель работы на компьютере автора Колисниченко Денис Николаевич

13.3.1. Вводим текст Что делать после создания документа? Просто вводите текст. Причем не нужно нажимать Enter для перехода на новую строку — Word автоматически сделает это, когда будет нужно. Enter следует нажимать, только если вы хотите создать новый абзац. Напомню, что для


10.4.1 Сценарий соединения

Из книги TCP/IP Архитектура, протоколы, реализация (включая IP версии 6 и IP Security) автора Фейт Сидни М

10.4.1 Сценарий соединения Процедуру соединения часто называют тройным рукопожатием (three-way handshake), поскольку для установки соединения производится обмен тремя сообщениями — SYN, SYN и ACK.Во время установки соединения партнеры обмениваются тремя важными порциями


14.9.4 Сценарий TFTP

Из книги Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов автора Айзенберг Джеффри

14.9.4 Сценарий TFTP Работу протокола TFTP можно проиллюстрировать простым сценарием. На рис. 14.7 показано, как в TFTP реализуется чтение удаленного файла. После отправки запрашиваемой стороной блока данных она переходит в режим ожидания ACK на посланный блок и, только получив этот


17.5 Сценарий NNTP

Из книги HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. автора Дронов Владимир

17.5 Сценарий NNTP Как и SMTP, протокол NNTP работает поверх сеанса telnet в режиме NVT. Показанный ниже диалог демонстрирует взаимодействие по пересылке новостей. В данном случае клиент:? Соединяется с сервером? Запрашивает у сервера список поддерживаемых команд? Запрашивает


24.4.1 Сценарий 1

Из книги HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов автора Дронов Владимир

24.4.1 Сценарий 1 Технология Message Digest (резюме сообщения) подойдет для сценария 1 — аутентифицировать отправителя и определить изменения в данных. Рассмотрим, как работает этот механизм (см. рис. 24.1):? Источник и назначение знают секретный ключ.? Источник выполняет вычисление,


24.4.5 Сценарий 2

Из книги Linux и UNIX: программирование в shell. Руководство разработчика. автора Тейнсли Дэвид

24.4.5 Сценарий 2 В сценарии 1 безопасность реализована на уровне хостов. Но предположим, что имеется пользователь или роль, требующие другого уровня безопасности. Основы безопасности должны обеспечиваться на уровнях пользователя, роли и важной информации.Допустим, что


24.4.6 Сценарий 3

Из книги Офисный компьютер для женщин автора Пастернак Евгения

24.4.6 Сценарий 3 Сценарий 3 показан на рис. 24.4. Цель состоит в том, чтобы сделать невидимым для внешнего мира весь трафик, который компания XYZ посылает через недоверенную сеть. Для этого используется инкапсуляция в режиме туннеля, т.е. датаграммы шифруются и инкапсулируются


Линейный сценарий

Из книги HTML, XHTML и CSS на 100% автора Квинт Игорь

Линейный сценарий Как уже было сказано, веб-аналитики описывают сценарий убеждения как последовательность шагов. Такие шаги посетитель делает или в самом начале, или уже в конце процесса конверсии. В первом случае это может быть:переход по ссылке из поисковой системы


Нелинейный сценарий

Из книги автора

Нелинейный сценарий Маркетологи хорошо понимают покупательскую психологию и знают, что люди не любят выполнять действия в предписанном порядке. В процессе покупки у них возникает множество сомнений, которые необходимо разрешить. Вы сможете это сделать, только если


Простейший Web-сценарий

Из книги автора

Простейший Web-сценарий Первый Web-сценарий, который мы напишем, будет совсем простым. Он выведет на Web-страницу текущую дату.В самом начале этой книги, приступив к изучению HTML, мы создали небольшую Web-страничку 1.1.htm. Найдем ее и откроем в Блокноте. В самом конце ее HTML- кода,


Простейший Web-сценарий

Из книги автора

Простейший Web-сценарий Первый Web-сценарий, который мы напишем, будет совсем простым. Он выведет на Web-страницу текущую дату.В самом начале этой книги, приступив к изучению HTML, мы создали небольшую Web-страничку 1.1.htm. Найдем ее и откроем в Блокноте. В самом конце ее HTML- кода,


29.4.1. Базовый сценарий cgi

Из книги автора

29.4.1. Базовый сценарий cgi Все сценарии обычно находятся в каталоге cgi?bin Web–сервера, хотя подобное размещение может быть изменено. Для изменения размещения сценариев и подключения сервера cgi следует обратиться к файлам конфигурации srm.conf и разделу ScriptAlias. Все сценарии


Вводим и редактируем данные в ячейках

Из книги автора

Вводим и редактируем данные в ячейках Данные всегда вводятся в активную ячейку. Какая ячейка активна? Та, которая обведена рамкой, та, в которой мигает курсор. При первом запуске программыExcel всегда активна ячейка А1 (см. рис. 2.1). Чтобы активизировать другую ячейку, можно


Глава 12 Первый сценарий на JavaScript

Из книги автора

Глава 12 Первый сценарий на JavaScript 12.1. Организация рабочего окружения12.2. Внедрение сценариев в HTML-документ12.3. Вводим первый сценарий12.4. Разбор нашего сценария в среде FrontPage12.5. Отладка сценария в Microsoft Script EditorВы познакомились с синтаксическими конструкциями и операторами