Самоучитель по креативному веб-дизайну. Книга 3, стр.36



HTML & Web Design Tips & Techniques

Нижееледующий сценарий вставит в 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(«Чтобы продолжить, щелкните на кнопке ОК.»);

// Вызвать определенную пользователем функцию JavaScript «helloWorld»

helloWorld();

// — >



Как вы, наверное, догадались, прежде чем вызывать функцию, определенную

пользователем, вы должны «определить», или объявить, саму функцию. Програм —

40 6 Глава 8. JavaScript





мисты. называют оператор, которые определяет имя функции и перечисляет ее

операторы, объявлением (declaration) функции. В приведенных ниже HTML-ут —

верждениях показано сначала объявление функции heiioworid(), которое нахо- дится между первой парой дескрипторов сценария ( ) внутри

заголовка Web-страницы. Далее в HTML-коде показан оператор, который соб —

ственно «вызывает» функцию, — сразу же перед дескриптором в теле Web-страницы. (Когда вы «вызываете» функцию, вы даете Web-браузеру указание выполнить операторы, которые вы перечислили в определении функции.)









function helloWorld()

{

alert(«Привет. от моей первой JavaScript-функции!»)

return;

}

// —>







Web-страница с JavaScript-функцией

Нижеследующий сценарий выведет на экран окно сообщения.

- И!

// Записать строку текста на Web-страницу

document .write Чтобы продолжить, щелкните ОК»);

// Вызвать JavaScript-функцию helloWorld helloWorld();

// — >



Теперь, когда вы убрали окно сообщения, как отобразить его снова?

Ведь в HTML нет дескриптора цикла, с помощью которого можно было бы

дать браузеру указание прочитать HTML-код Web-страницы и выполнить

функцию снова.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.118
  • 06.04.2010">Интересные заметки за январь
  • 07.10.2010">Выделение изображения с помощью маски в Photoshop
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 091
  • 09.06.2011">Витамин С подавляет иммунитет
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 001
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.103
  • 12.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.108
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.6
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.33
  • 17.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.4
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 148
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.51
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 003
  • 28.02.2010">Где найти и скачать иконки?
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...