- Преподавателю
- Информатика
- Лаборатороная работа по созданию динамических страниц с помощью Java-Script Операторы ввода-вывода
Лаборатороная работа по созданию динамических страниц с помощью Java-Script Операторы ввода-вывода
Раздел | Информатика |
Класс | 11 класс |
Тип | Другие методич. материалы |
Автор | Сидорова А.С. |
Дата | 19.02.2016 |
Формат | doc |
Изображения | Есть |
Лабораторная работа № 1. Операторы ввода-вывода
Несмотря на то, что в основном язык JavaScript работает с объектами на HTML-страничке, он вполне может использоваться автономно, обеспечивая ввод-вывод и обработку информации вне зависимости от того, что находится на странице.
В качестве примера рассмотрим традиционную программу, запрашивающую имя посетителя и затем выдающую приветствие.
Внешне это будет выглядеть так:
Рис. 1. Запрос с помощью JavaScript
После того как пользователь введет свое имя и нажмет кнопку "Ok", появится окно сообщения (см. рис. 2):
Рис. 2. Окно сообщения JavaScript
Как легко видеть по рис. 1, для работы с JavaScript требуется создать хотя бы простенькую HTML-страничку. Сами по себе операторы языка можно располагать либо в отдельном файле, либо в контейнере
...
который, в свою очередь, рекомендуется разместить внутри контейнера
<head>
...
head>,
хотя для MS Internet Explorer это и не является обязательным.
Можно размещать отдельные операторы и непосредственно в заголовках различных контейнеров, но на первый раз мы выберем традиционное размещение в контейнере <script>. Ниже приведен текст HTML-странички, реализующий показанный выше запрос с сообщением:
<html>
<head>
<tit1е> Лабораторная работа № 1
ima=prompt ("Как тебя зовут?", "Введи сюда свое имя");
alert("Привет, " + ima);
<center>
<hl>
Лабораторная работа № 1. Добро пожаловать!
center>
body>
html>
Собственно операторы JavaScript выделены полужирным шрифтом, и, разумеется, они требуют пояснения. Оператор ввода информации имеет следующий формат:
prompt {<Текст запроса>, <3наченне по умолчанию>) ;
В своей программе мы хотели бы использовать введенную пользователем информацию, поэтому оператор ввода использован в правой части оператора присваивания. В его левой части стоит переменная, которую в JavaScript можно заранее не объявлять. В этом случае ее тип определяется значением правой части. В нашем случае с помощью оператора ввода мы получаем строку текста, стало быть, и переменная ima - строковая.
Оператор вывода устроен несколько проще: в скобках содержится строка или выражение, значение которого и выводится в окно. При этом знак "+" означает операцию конкатенации, т.е. слияния двух строк.
Вопросы и задания
-
Создайте HTML-страничку и разместите на ней описанный выше сценарий, придумав собственные запросы и сообщения.
-
Проверьте, что будет выведено в окно в случае выполнения следующих операторов:
alert (22 + 3) ;
alert ( (22 + 3));
Объясните получившийся результат.