Добавляем...


  Разметка строк в виде HTML
   Ввиду того что JavaScript часто используется для работы с данными Web-страниц, объект String предлагает большое число методов, выполняющих разметку строк в виде HTML. Каждый из этих методов возвращает строку, окруженную парой дескрипторов HTML. Возвращаемый текст HTML — это не стандарт HTML 4 или XHTML, а нечто, напоминающее стиль HTML 3.2. Например, метод bold() заключает строку, для которой он вызван, в рамки дескрипторов <В> и </В>. Так, в результате выполнения

var s = "Это очень важно".bold()

в s будет помещена строка <В>Это очень важно</В> Вы можете спросить, как применить к строке более одного связанного с HTML метода. Это легко сделать с помощью связывания методов. Связанные вызовы методов могут выглядеть странно, но они оказываются весьма кстати при создании HTML-текста из строк. Например,

var s = "Это важно".bold().strike().blink();

присваивает переменной s следующую строку:

<BLINK><STRIKE><B>ЭTO Baжно</B></STRIKE></BLINK>

В результате данная строка будет отображаться зачеркнутым полужирным шрифтом и мигать при размещении ее в Web-документе. Известно, что такие строки невероятно раздражают пользователей, но данный пример иллюстрирует возможность "связывания" вызовов методов для достижения большей эффективности. Проще записать вызовы в ряд, чем вызывать каждый метод для s отдельно. Обратите внимание на то, что методы вызывались в направлении "изнутри-наружу", т.е. слева направо.
   HTML-методы объекта String соответствуют наиболее часто используемым элементам HTML 3.2 и дескрипторам браузера наподобие<BLINK>. Полный список связанных с HTML методов объекта String представлен в табл.
Методы Описание Пример
anchor ("имя") Создает именованный анкер, обозначаемый элементом <А>, используя имя в качестве значения соответствующего атрибута var х = "Маркировка".anchor("маркер");
// <А NАМЕ="маркер">Маркировка</А>
big() Создает элемент <BIG> для соответствующей строки var х = "Бедный Netscape".blink ();
// <BLINK>Бедный Netscape
bold() Создает полужирный текст путем заключения соответствующей строки в рамки элемента <в> var x = "Посмотри! ".bold() ;
// <В>Посмотри!</В>
fixed() Создает текст с моноширинным шрифтом путем заключения соответствующей строки в рамки элемента <тт> var x = "Программный код".fixed();
// <ТТ>Программный код</ТТ>
fontcolor (цвет) Создает дескриптор <FONT> С цветом, указанным с помощью аргумента цвет. Предоставленное значение должно быть допустимым шестнадцатеричным значением или подходящим названием цвета в виде строки var х = "Зеленый".fontcolor("green") ;
// <FONT СOLOR="gгееп">Зеленый</FONT>
var x = "Красный".fontcolor("#FF0000"); // <FONT COLOR="#FF0000">Kpacный</FONT>
Fontsize(размер) Создает дескриптор <FONT>, используя аргумент размер, значением которого должно быть либо число из диапазона 1-7, либо относительное (+/-) значение 1-7 для шрифта var х = "Другой размер".fontsize(7);
// <FONT SIZE="7">Другой размер</F0NT>
var x = "Другой размер".fontsize("+1");
// <FONT SIZE="+1">Другой размер </FONT>
italics() Создает курсив — элемент <i>. var x = "Специальный".italics();
// <i>Специальный</i>
link(адрес) Берет аргумент адрес и формирует ссылку с помощью элемента <А>, используя соответствующую строку в качестве текста ссылки var x = "нажмите здесь".link("http://www.pint.com/");
// <A HREF="http://www.pint.com">
// нажмите здесь</А>
small() Создает элемент <SMALL> для соответствующей строки var x = "Усадка".small();
// <SMALL>ycaдка</SMALL>
strike() Создает элемент <STRIKE> для соответствующей строки var x = "Законный".strike();
// <STRIKE>3aконный</STRIKE>
sub() Создает подстрочный текст путем заключения соответствующей строки в рамки элемента <SUB> var x = "тест", sub()
// <SUB>TecT</SUB>
sup() Создает надстрочный текст путем заключения соответствующей строки в рамки элемента <SUP> var x = "тест".sup()
// <SOP>TecT</SUP>

   Обратите внимание на то, как эти методы JavaScript выполняют перевод символов з верхний регистр и даже предлагают нестандартную разметку (наподобие <BLINK>) зместо дескрипторов, согласованных с XHTML. На самом деле многие методы подобно fontcolor() создают строки с разметкой, отвергаемой строгими правилами HTML 4 и XHTML в пользу представлений, согласованных с CSS. Однако, учитывая достаточно медленное распространение XHTML и только недавнее признание CSS в Web, маловероятно, что отказ от этих нестандартных элементов произойдет достаточно быстро. К счастью, имеется возможность использовать намного лучший набор связанных с HTML методов JavaScript, чем указанные выше методы объекта String.
назад: Обработка строк далее:


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика