Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

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

Читайте также:
  1. JavaScript и VBscript
  2. А НУЖЕН ЛИ СЦЕНАРИИ?
  3. В дальнейшем в сценарии следующие сокращения: Ц – Церемониймейстер, Т – Танцмейстер, М.Ш. – Маэстро Шлягер).
  4. Возможные сценарии свадебной церемонии
  5. Глава 2. СЦЕНАРИИ КАК ВИД ДРАМАТУРГИИ
  6. Дополнительные сценарии.
  7. Задание 1. Построить равномерное растровое поле, используя простейшие одинаковые геометрические элементы (круг, квадрат, треугольник)

Приведём примеры простейших сценариев, в которых производится ввод и вывод информации. По традиции, сложившейся в учебных пособиях по языкам программирования, первая программа на изучаемом языке выводит сообщение «Hello, world!» («Здравствуй, мир!») Вспомним нашу простейшую веб-страницу (см. разд. 2.1) и добавим в неё сценарий, выводящий окно сообщения.

<html>

<head>

<title>Моя первая веб-страница</title>

<script language="javascript">

alert ("Здравствуй, мир!"); // вывод окна сообщения

</script>

</head>

<body>

<h1>Добро пожаловать!</h1>

<p>Это моя первая веб-страница. </p>

</body>

</html>

Откроем полученный документ в браузере. Мы увидим окно сообщения с текстом «Привет, мир!» и одной кнопкой ОК. В этом простейшем сценарии мы использовали стандартную функцию alert языка JavaScript. Данная функция применяется для вывода на экран текстовой информации в краткой форме. После прочтения сообщения пользователь щёлкает по кнопке ОК и окно исчезает.

Текст от двух символов дробной черты (//) до конца строки в JavaScript является комментарием. Комментарием является также последовательность символов, заключённая в дробные черты со звёздочками (/*…*/); внутри неё могут быть и комментарии, начинающиеся с символов «//».

Функция confirm подобна функции alert, но в окне сообщения пользователь может сделать выбор между кнопками и Cancel (Отмена). Её можно вызвать аналогично функции alert:

confirm ("Что вы выбираете?");

Однако в этом случае, по какой бы кнопке пользователь ни щёлкнул, результат будет один – окно сообщения исчезнет. Чтобы узнать выбор пользователя, необходимо присвоить значение, возвращённое функцией confirm, какой-либо переменной, например:

yourchoice = confirm ("Что вы выбираете?");

и затем в зависимости от значения переменной yourchoice выполнить те или иные действия. Подробнее объявление переменных и операторы присваивания и ветвления будут рассмотрены позже.

Функция prompt отличается от первых двух тем, что даёт возможность пользователю ввести свой собственный ответ на заданный ему вопрос. Для этого она выводит диалоговое окно со строкой ввода и двумя кнопками и Cancel. Она может быть вызвана так:

yourname = prompt ("Как вас зовут?", "Введите здесь ваше имя");

Текст «Введите здесь ваше имя» будет выведен в строке ввода. При вводе имени пользователем старое значение сотрётся и будет заменено новым. После щелчка по кнопке ОК окно исчезает, а введённое пользователем имя присваивается переменной yourname, с которой можно совершить дальнейшие действия, например, приветствовать пользователя по имени:

alert ("Здравствуй, мир! Здравствуй, " + yourname + "!");


Дата добавления: 2015-07-26; просмотров: 122 | Нарушение авторских прав


Читайте в этой же книге: Цели и задачи создания веб-страниц | Основные элементы веб-страницы и файловая структура веб-сайта | Структура HTML-документа | Абзацы и переводы строки | Вставка изображений на веб-страницу | Изменение шрифта | Вставка специальных символов в HTML-документ | Таблицы в HTML | Синтаксис таблиц стилей | Приоритет применения таблиц стилей |
<== предыдущая страница | следующая страница ==>
Свободно позиционируемые элементы| Операторы цикла

mybiblioteka.su - 2015-2024 год. (0.009 сек.)