Нижееледующий сценарий вставит в Web-страницу текст.
// Записать на Web-страницу строку текста
document. write («Добро пожаловать на Web-страницу «) ;
document. write («с моим первым JavaScript-сценарием.») ;
// — >
Если ваш Web-браузер поддерживает JavaScript, прямо перед этим
текстом вы увидите приветственное сообщение.
Рис. 8.3. Web-страница с приветственным сообщением, сгенерированным JavaScript
Обратите внимание, что сценарий в этом примере дважды вызывает метод
document. write() в связи с накладываемым издательской компанией ограниче — ниями на длину печатной строки книги. Когда вы вызываете один и тот же ме —
т*од для записи текста на Web-страницу, вы можете передать строку практически любой длины. По существу, вы могли бы отобразить (и так бы и сделали) второй
абзац в этом примере с помощью одного вызова метода document. write().
Используя метод для вставки текста в Web-страницу document. write о, обя — зательно снабжайте текст, который вы хотите отобразить, какими-то HTML-деск — рипторами форматирования. Обратите внимание, что текст во втором вызове
Глава 8. JavaScript 40 5
функции document. write() в данном примере не начинается с дескриптора.
В результате Web-браузер, считав сгенерированный функцией HTML-код, отобра- зил вторую строку текста (на той же строке) сразу же после текста, выведенного первым вызовом функции.
Для создания текстовой строки, передаваемой методу document, writ e о, можно также использовать операции манипулирования строками JavaScript. Если
вам нужно разбить длинную текстовую строку ради форматирования, причем
так, чтобы браузер в то же время отображал ее в виде одной строки текста, вы
МОЖете ИСПОЛЬЗОВаТЬ ДЛЯ ЭТОГО НеСКОЛЬКО ВЫЗОВОВ фуНКЦИИ document. writ e () , как показано в примере ранее. Или же вы можете сделать это с помощью конка — тенации строк (+) и одного вызова функции, как показано ниже:
document. write («Добро пожаловать на Web-страницу » +
«с моим первым сценарием JavaScript.«) ;
Вызов определенной пользователем функции
JavaScript
Из предыдущего практикума вы узнали, что функции, которые пишете вы,
называются функциями, определенными пользователем, тогда как стандартные
функции самого JavaScript называются встроенными функциями (или метода — ми). Вы также научились вызывать встроенные функции (например, метод
document. write()), записывая вызов функции в операторе JavaScript следую —
щим образом: имя объекта. метод(). Конструкция document, write (сообщение), например, дает Web-браузеру указание вызвать метод (функцию) write объекта
document И передать ему текстовую Строку сообщение.
ПРАКТИКУМ
Встроенные функции JavaScript связаны с тем или иным объектом (например,
объектом document, или Web-страницей); функции же, определенные пользовате-, лем, — нет. Поэтому вместо того, чтобы вызывать определенную пользователем
ФУНКЦИЮ Путем Обращени я К Объекту И фуНКЦИИ В ВИДе имя_рб«ьекта. имя_функ- ции(), вы вызываете созданную вами функцию, попросту помещая ее имя в опе — ратор или выражение. Например, приведенный ниже HTML-код дает Web-брау —
зеру указание вызвать определенную пользователем функцию heiioworid после
того, как он вызовет метод document. write о для вставки строки текста в теку — щую Web-страницу:
// Записать строку текста на Web-страницу
document. write(«Чтобы продолжить, щелкните на кнопке ОК.»);
Как вы, наверное, догадались, прежде чем вызывать функцию, определенную
пользователем, вы должны «определить», или объявить, саму функцию. Програм —
40 6 Глава 8. JavaScript
мисты. называют оператор, которые определяет имя функции и перечисляет ее
операторы, объявлением (declaration) функции. В приведенных ниже HTML-ут —
верждениях показано сначала объявление функции heiioworid(), которое нахо- дится между первой парой дескрипторов сценария ( ) внутри
заголовка Web-страницы. Далее в HTML-коде показан оператор, который соб —
ственно «вызывает» функцию, — сразу же перед дескриптором в теле Web-страницы. (Когда вы «вызываете» функцию, вы даете Web-браузеру указание выполнить операторы, которые вы перечислили в определении функции.)
function helloWorld()
{
alert(«Привет. от моей первой JavaScript-функции!»)
return;
}
// —>
Web-страница с JavaScript-функцией
Нижеследующий сценарий выведет на экран окно сообщения.
- И!
// Записать строку текста на Web-страницу
document .write («
Чтобы продолжить, щелкните ОК»);