2015-10-22
533
Это имеет не последнее значение. Вы знаете, что команда onLoad идет в строку BODY. Сценарий с функцией должен находиться в документе HTML между командами <HEAD> и </HEAD>. Хотя на самом деле его можно поместить где угодно, но если вы расположите его после команды onLoad, он заработает только после того, как загрузится вся страница. Если сценарий располагается перед командой onLoad, то он загружается в память компьютера раньше, и когда onLoad вызовет его, он будет готов к работе.
Практически любой набор команд JavaScript можно записать в виде функции.
Задание
Это задание достаточно сложное. Создайте функцию, которая создает два запроса (prompt). (Подсказка: один следует за другим с новой строки.) Первый предлагает пользователю ввести свое имя, второй — фамилию. Затем та же функция должна вызвать окно сообщения (alert) c текстом:
Привет, "имя фамилия", добро пожаловать на "адрес страницы", мою замечательную страницу!Не забудьте создать переменную для адреса страницы.
Можно немного усложнить, делая сценарий так, что слова "мою замечательную страницу" будут вставлены в текст команды alert не просто, а с помощью дополнительной переменной.
|
|
|
Возможное решение
Это задание требует известной сообразительности. Нужны две команды prompt, одна сразу за другой. Затем какая-то переменная, которая напечатала бы название страницы (например, "Моя замечательная страница"). Мы сделали это, поместив текст в заголовок и создав переменную для команды document.title. Потом потребуется переменная для document.location.
Далее они используются в команде alert. Все это содержится в функции с именем hello(), а функция должна запускаться командой onLoad в строке BODY.
Можно было бы также создать переменную для строки текста, но, так как она записывается только один раз, это было бы ни к чему. Вот сценарий, который все это делает:
<SCRIPT LANGUAGE="javascript"> function hello(){var first = prompt("Введите свое имя", "Имя")var second = prompt("Введите свою фамилию", "Фамилия")var page = document.location;var ttl = document.title;alert("Привет, " +first+ " " +second+ ". Добро пожаловать на " +ttl+ " по адресу: " +page+".")} </SCRIPT>A вот команда BODY в документе:
<body bgcolor="ffffcc" onLoad="hello()">10. Урок: Команды последействия: onUnLoad и onMouseOut:
Использование событий onUnLoad и onMouseOut
Концепция
Это два последних обработчика событий, которые необходимо иметь в своем арсенале: onMouseOut и onUnload (обратите внимание на заглавные буквы). Они рассматриваются в одном уроке, потому что начинают действовать после того, как что-то сделано.
onMouseOver вызывает некое событие, если навести мышь, к примеру, на ссылку. В противоположность ей onMouseOut начинает действовать, если курсор увести со ссылки. Мы также знаем, что команда onLoad запускает сценарий, когда страница загружается. Команда onUnload действует, когда пользователь уходит со страницы.
|
|
|
Сценарий
Следующий код использует события при перемещении указателя мыши:
<A HREF="index.htm" onMouseOver="window.status='Эй! Убирайся с меня!'; return true"onMouseOut="window.status='Так-то лучше, спасибо'; return true">Наведите курсор на эту ссылку и сместите в сторону</A>Использование команды onUnload при уходе со страницы:
<BODY onUnload="alert('Уже уходите?')">
