| |
тому если в сценарии одни функции вызывает другие,
необходимо разместить определения вызываемых функций выше вызывающих.
Размещение определений переменных и функций в разделе заголовка документа
гарантирует, что они будут загружены до момента загрузки тела документа.
Изучая приведенный в листинге 1.4 исходный текст, обратите внимание на
функцию printString:
function printString(szString)
{
document.write(szString.bold());
}
Здесь для объекта document вызывается метод write. В качестве параметра мы
передаем этому методу объект szString, вызвав для него метод bold.
Значит, переменная szString, определенная с помощью ключевого слова var,
является объектом?
После того как мы присвоили этой переменной значение текстовой строки, она
стала объектом встроенного класса текстовых строк, для которого определены
несколько методов. С помощью этих методов можно выполнять различные операции
над текстовыми строками, такие как извлечение подстрок, преобразование символов
из прописных в заглавные и обратно, наложение шрифтового оформления и так далее.
Разумеется, для того чтобы выделить сообщение жирным шрифтом, мы могли
использовать и обычную конструкцию языка HTML:
var szHelloMsg = "Hello, world!";
Однако в данном случая нам хотелось продемонстрировать возможность вызова
методов для переменных типа текстовых строк.
Вариация четвертая: создание страницы “на лету”
Следующий сценарий имеет одну интересную особенность: в содержащем его
документе HTML нет области (листинг 1.5).
Листинг 1.5. Файл chapter1/HelloGen/HelloGen.html
Если в предыдущем примере мы встраивали фрагменты сценария в область
заголовка и в тело документа HTML, то сейчас весь сценарий находится в
заголовке. Наш документ HTML не содержит ничего, кроме сценария JavaScript.
Когда такой документ загружается в окно браузера, программа JavaScript
формирует недостающую часть заголовка (с помощью операторов и <TITLE>,
а также тело документа.
Таким образом, сценарии JavaScript позволяют формировать все содержимое
страницы динамически. Так как в языке JavaScript есть условные операторы, вы
можете создавать разные страницы в зависимости от тех или иных обстоятельств.
Например, определив тип и версию установленного у пользователя браузера,
нетрудно сформировать для него страницу, учитывающую особенности конкретной
версии приложения, с помощью которого пользователь просматривает ваш сервер Web.
Вариация пятая: с диалоговой панелью
Язык JavaScript имеет встроенные средства для отображения простейших
диалоговых панелей, таких как панель сообщений (рис. 1.4).
Рис. 1.4. Диалоговая панель, которая появляется при загрузке страницы в браузер
В листинге 1.6 мы привели исходный текст сценария JavaScript, в котором
вызывается функция alert, предназначенная для отображения диалоговых панелей с
сообщениями.
Листинг 1.6. Файл chapter1/HelloBox/HelloBox.html
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("<TITLE>Hello, world!");
document.write("");
document.write("JavaScript Test");
alert("Hello, world!");
document.write("");
// -->
|
