Лаборатороная работа по созданию динамических страниц с помощью Java-Script Операторы ввода-вывода

Раздел Информатика
Класс 11 класс
Тип Другие методич. материалы
Автор
Дата
Формат doc
Изображения Есть
For-Teacher.ru - все для учителя
Поделитесь с коллегами:

Лабораторная работа № 1. Операторы ввода-вывода

Несмотря на то, что в основном язык JavaScript рабо­тает с объектами на HTML-страничке, он вполне может использоваться автономно, обеспечивая ввод-вывод и об­работку информации вне зависимости от того, что нахо­дится на странице.

В качестве примера рассмотрим традиционную про­грамму, запрашивающую имя посетителя и затем выдающую приветствие.

Внешне это будет выглядеть так:

Лаборатороная работа по созданию динамических страниц с помощью Java-Script Операторы ввода-вывода

Рис. 1. Запрос с помощью JavaScript

После того как пользователь введет свое имя и нажмет кнопку "Ok", появится окно сообщения (см. рис. 2):

Лаборатороная работа по созданию динамических страниц с помощью Java-Script Операторы ввода-вывода

Рис. 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 - строковая.

Оператор вывода устроен несколько проще: в скоб­ках содержится строка или выражение, значение кото­рого и выводится в окно. При этом знак "+" означает операцию конкатенации, т.е. слияния двух строк.

Вопросы и задания

  1. Создайте HTML-страничку и разместите на ней описанный выше сценарий, придумав собственные запросы и сообщения.

  2. Проверьте, что будет выведено в окно в случае выполнения следующих операторов:

alert (22 + 3) ;

alert ( (22 + 3));

Объясните получившийся результат.

© 2010-2022