350734
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 6.900 руб.;
- курсы повышения квалификации от 1.500 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 50%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

ИнфоурокИнформатикаДругие методич. материалыЛаборатороная работа по созданию динамических страниц с помощью 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));

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

Общая информация

Номер материала: ДВ-542268

Вам будут интересны эти курсы:

Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Облачные технологии в образовании»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «Оператор персонального компьютера»
Курс «1С: Предприятие 7.7»
Курс «3D Studio MAX»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные тенденции цифровизации образования»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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