страница 100
Упражнения
1. Создайте полный сценарий, в котором использовался бы такой оператор:
document.write("Hello, world.");
2. Создайте HTML-документ, включив в него сценарий из предыдущего задания. Сценарий должен запускаться при загрузке страницы. Результат выполнения сценария нужно проверить, открыв документ в браузере.
3. В описанный выше сценарий необходимо добавить комментарий, поясняющий принцип выполнения операторов этого сценария.
4. Создайте HTML-документ, который сразу после загрузки страницы будет отображать диалоговое окно с предупреждением. Другое диалоговое окно должно отображаться при щелчке пользователя на кнопке формы.
5. Внимательно изучите документ в листинге 5.9. Не выполняя ввод и загрузку документа, ответьте на такие вопросы.
а) Как будет выглядеть страница.
б) Как пользователь будет взаимодействовать со страницей.
в) Как работает сценарий.
Затем введите текст сценария в текстовом редакторе, как показано ниже (обратите внимание на регистр символов и пунктуацию). Не вводите символ возврата каретки после знака равенства "=" в описании функции upperME. Не следует также добавлять разрывы строки - все должно быть представлено, как показано в листинге. Символ возврата каретки можно использовать между парами имя=значение, как показано в первом дескрипторе <input>. Теперь сохраните документ как HTML-файл, после чего загрузите этот файл в браузер.
<html>
<head>
<title>Text Object Value</title>
<script type="text/javascript">
<!--
function upperMe() {
document.getElementById("output").value =
document.getElementById("input").value.toUpperCase();
}
// -->
</script>
</head>
<body>
Enter lowercase letters for conversion to uppercase:<br>
<form name="converter">
<input type="text" name="input" id="input"
value="sample" onchange="upperMe()" /><br />
<input type="text" name="output" id="output" value="" />
</form>
</body>
</html>
Листинг 5.9 Как устроена эта страница
