Методы строковых объектов. Форматирование строк

Продолжаем рассматривать методы обработки строк.

Форматирование строк

Тексты на веб-страницах обычно создаются и форматируются с помощью тегов HTML. Однако тексты можно создавать на веб-страницах и с помощью сценариев. Например, чтобы вывести на веб-страницу строку "Привет всем!" полужирным шрифтом, в HTML-коде следует написать:


<В>Привет всем!</В>


Чтобы подготовить эту же строку в таком же формате средствами JavaScript, в сценарии следует написать такое выражение:


"Привет всем!".bold()

Здесь использован метод bold() строкового объекта для форматирования строк. Выполнение этого выражения лишь создает отформатированную строку, но не выводит ее в окно браузера. Чтобы сделать это, следует еще выполнить метод write() объекта document для записи этой строки в HTML-документ. Пишем HTML-код документа.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Строковые объекты</title>
<script language="JavaScript">
x="Привет всем! ".bold()+"Изучайте JavaScript и вы не пожалеете об этом!"
document.write(x)
</script>

</head>

<body>
</body>
</html>

В окне веб-браузера это будет выглядеть ТАК.

Методы форматирования строк носят названия, соответствующие тегам HTML. Их особенность в том, что в отличии от тегов, их следует записывать только в нижнем регистре (строчными буквами).

строка.метод(параметр)

Большинство методов форматирования не имеют параметров:

  • anchor ("anchor_имя")
  • blink()
  • bold()
  • fixed()
  • fontsize (число от 1 до 7)
  • fontcolor (значение_цвета)
  • italics()
  • linc(расположение или URL)
  • big()
  • small()
  • strike()
  • sub()
  • sup()

Рассмотрим примеры.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Строковые объекты</title>
<script language="JavaScript">

x="Сайт о сайтах".link("http://sevidi.narod.ru")/*соответствует HTML-коду:
<a href= "http://sevidi.narod.ru/">Сайт о сайтах</a> */
document.write(x+"<br><br>")

x="Привет всем!".big()
document.write(x+"<br><br>")

x="Привет всем!".small()
document.write(x+"<br><br>")

x="Привет всем! ".small()+"Изучайте JavaScript и вы не пожалеете об этом!".fontcolor("red")
document.write(x+"<br><br>")

x="Привет всем!".fontsize(7)
document.write(x+"<br><br>")

x="Привет всем!".italics().bold().fontcolor("FF00FF").fontsize(5)
document.write(x+"<br><br>")
</script>

</head>

<body>
</body>
</html>

В окне веб-браузера это будет выглядеть ТАК.




  • Другие |
назадвверхвперед
Rambler's Top100