Всё для Учёбы — студенческий файлообменник
1 монета
pdf

Студенческий документ № 005301 из ИУБиП

Лабораторное занятие № 10

Тема: Использование функций внутри формы

Цель: Рассмотреть принципы создания и применения функций внутри формы

Задание:

1 Ознакомиться с примеров скрипта.

2 Перепишите скрипт первого задания так, чтобы, открываясь, страница просила пользователя ввести имя. При выборе цвета должно всплывать окно со словами "Эй, (имя)! Вы выбрали (цвет)...".

Необходимые приборы: ПК, текстовый редактор Блокнот, браузер

Методические рекомендации к выполнению лабораторной работы:

Методические рекомендации к выполнению задания 1

Формы всегда начинаются командой и заканчиваются командой . Здесь ничего нового, простой HTML. Рассмотрим пример:

function newcolor(color) { alert("Вывыбрали " + color) document.bgColor=color}

Выбрать цвет фона

Разбор скрипта:

Обратите внимание, мы передаем в функцию newcolor() (новый цвет) неизменяемую строку текста, стоящую в скобках ('lightblue'). Она находится в одинарных кавычках, потому что имя функции стоит в двойных.

Когда вы нажимаете кнопку, строка в скобках передается в функцию newcolor(). Функция ждет, пока поступит необходимая ей информация. Помните, во всех функциях до сих пор скобки были пустые? Потому что у них были все необходимые данные. В данном случае дополнительная информация поступает в функцию, когда пользователь нажимает на кнопку. Кнопка содержит ту же функцию, только теперь у нее есть необходимые данные, то есть цвет.

Форма передает цвет двум элементам в разделе : методу alert и строке document.bgColor. Получив все данные, функция вступает в действие: всплывает окно и меняется цвет фона. Не запутайтесь: VALUE (значение) в команде INPUT не является свойством JavaScript, она помещает текст на кнопку.

Методические рекомендации к выполнению задания 2

Перепишите скрипт так, чтобы, открываясь, страница просила пользователя ввести имя. При выборе цвета должно всплывать окно со словами "Эй, (имя)! Вы выбрали (цвет)...".

Примерный вид решения:

Чтобы добиться нужного эффекта, вставьте запрос перед функцией, а потом результат запроса в команду alert:

varuser_name = prompt ("Можно узнать, как Вас зовут?","Ваше имя"); function newcolor(color)

{alert("Эй, " + user_name + "! Вывыбрали " + color)

document.bgColor=color}

Фон страницы

Вопросы для самоконтроля:

1 Для чего предназначены формы?

2 Укажите особенности использования функций в формах.

3 Какую роль выполняет функция newcolor()?

Показать полностью… https://vk.com/doc62771886_249148584
170 Кб, 11 декабря 2013 в 10:52 - Россия, Ростов-на-Дону, ИУБиП, 2013 г., pdf
Рекомендуемые документы в приложении