На этом шаге мы рассмотрим методы форматирования строк.
Как известно, тексты на веб-страницах обычно создаются и форматируются с помощью тегов HTML. Однако тексты можно создавать на веб-страницах и с помощью сценариев. Например, чтобы вывести на веб-страницу строку "Привет всем!" полужирным шрифтом, в HTML-коде следует написать следующую инструкцию:
<В>Привет всем!</В>
Чтобы подготовить эту же строку в таком же формате средствами JavaScript, в сценарии следует написать такое выражение:
"Привет всем!".bold();
Здесь использован метод bold() строкового объекта для форматирования строк. Выполнение этого выражения лишь создает отформатированную строку, но не выводит ее в окно браузера. Чтобы сделать это, следует еще выполнить метод write() объекта document для записи этой строки в HTML-документ. Ниже приведен пример скрипта.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
A = "Привет всем!".bold();
document.write(A);
//-->
</SCRIPT>
</HEAD>
<BODY>
<P>Приветствие размещено средствами JavaScript.
</BODY>
</HTML>
Создайте HTML-документ, содержащий данный скрипт и выполните его в браузере.
Методы форматирования строк носят названия, соответствующие тегам HTML. Их особенность в том, что, в отличие от тегов, их следует записывать только в нижнем регистре (строчными буквами). Синтаксис такой же, как и у ранее рассмотренных методов:
строка.метод(параметр)
Большинство методов форматирования не имеют параметров. Далее приведен их список.
| Метод | Описание |
|---|---|
| anchor (<имя метки>) | Преобразует строку в "якорь" HTML с заданным именем |
| big(), blink(), bold(), small(), strike(), sub(), sup() |
Помещают текст внутрь одноименных парных HTML-тегов |
| fixed() | Помещает текст внутрь парного тега <TT> |
| italics() | Помещает текст внутрь парного тега <I> |
| link(<адрес>) | Преобразует строку в HTML-ссылку, ссылающуюся на <адрес> |
| fontcolor(<значение цвета>) | Задает цвет шрифта |
| fontsize(<число от 1 до 7>) | Задает размер шрифта |
Приведем примеры использования некоторых из перечисленных методов.
"Глава 2".anchor("volume2"); //Эквивалентно HTML-коду:
<A NAМЕ="volume2">Глава 2</A>
"Содержание".link("oglav.html");//Эквивалентно HTML-коду:
<A HREF = "oglav.html">Содержание</А>
Изучите возможности других методов форматирования строк.
На следующем шаге мы рассмотрим создание объектов пользователем.
