Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Другие методич. материалы / Лаборатороная работа по созданию динамических страниц с помощью Java-Script "Операторы ввода-вывода"

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

  • Информатика

Поделитесь материалом с коллегами:

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

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

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

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

hello_html_320d7443.png

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

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

hello_html_4ca47f5f.png

Рис. 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));

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

Выберите курс повышения квалификации со скидкой 50%:

Автор
Дата добавления 21.03.2016
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров105
Номер материала ДВ-542268
Получить свидетельство о публикации
Похожие материалы

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