Лабораторная работа № 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));
Объясните получившийся результат.
Рабочие листы
к вашим урокам
Скачать
6 662 915 материалов в базе
Настоящий материал опубликован пользователем Сидорова Александра Сергеевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
600 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
600 ч.
Мини-курс
6 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.