2015-10-22
583
Пример для этих команд здесь не приводится, так как каждой из них будет посвящен отдельный урок, но они являются обработчиками событий, поэтому надо по крайней мере их упомянуть.
Обе они помещаются внутрь команды <BODY> документа HTML. Они вызывают событие, когда страница открывается или закрывается, то есть когда пользователь уходит со страницы. Эти команды будут очень полезны при работе с функциям.
Задание
В этом задании предлагается создать форму, которая будет взаимодействовать с пользователем (для этого необходимо знать о командах формы).
Форма должна иметь три элемента: поле ввода с просьбой ввести имя; два поля для флажков с вопросом о том, что предпочитает пользователь — мороженое или шоколад; кнопку отправки данных (submit).
С каждым элементом должно произойти следующее.
· При вводе имени в строке состояния должны появиться слова: Введите свое имя.
· Два поля с флажками должны отослать в строку состояния слова: Вы выбрали... и выбор пользователя.
· При нажатии на кнопку отправки должно появиться окно с благодарностью пользователю за участие в опросе.
|
|
|
Возможное решение
Это можно сделать с помощью следующего сценария:
<FORM action=""> Name: <INPUT TYPE="text" SIZE="30" onFocus="window.status='Введите свое имя';">Что вы предпочитаете: <INPUT TYPE="checkbox" onClick="window.status='Вы выбрали шоколад';"> Шоколад<INPUT TYPE="checkbox" onClick="window.status='Вы выбрали мороженое';"> Мороженое <INPUT TYPE="submit" onClick="alert('Спасибо за участие в опросе');"> </FORM>6. Урок: Запросы пользователю и переменные
Работа с переменными. Запросы пользователю.
Концепция
В этом уроке рассматриваются две концепции. Одна из них используется, когда необходимо запросить у пользователя информацию. Вторая — создание переменных — будет постоянно применяться при работе с JavaScript.
Кстати, мы возвращаемся к созданию полноценных сценариев JavaScriprt, а не просто будем добавлять к HTML события, поэтому снова будет использоваться полный формат <SCRIPT type="text/javascript">... </SCRIPT>. Вот что мы собираемся сделать: Мы просим пользователя ввести имя, и с этим именем будет связана переменная. Когда переменная будет присвоена, мы сможем ввести ее в строку document.write, которая выведет имя пользователя на странице.
Этот урок немного длиннее, так как он включает краткий обзор того, что было изучено до сих пор.
Сценарий
<SCRIPT type="text/javascript"> /* Этот сценарий предназначен для получения информации от пользователя и вывода ее на странице */ var user_name = prompt ("Введите свое имя в поле ниже","Здесь");document.write("Привет, " + user_name + "! Добро пожаловать на мою страницу!"); </SCRIPT>Текст в скобках должен располагаться на одной строке.
