Горячие клавиши (hotkey) редактора растровой графики Photoshop призваны ускорить работу с изображением. Большинство таких клавиш (или комбинаций клавиш) заменяют собой команды меню. Запомнить все эти клавиши, естественно, невозможно. В качестве подсказок многие из них указаны рядом с соответствующей командой меню. Целесообразнее всего применять такие горячие клавиши в случаях наиболее часто употребляемых команд меню.
| cursor |
| Свойства |
cursor |
| Значения |
auto, crosshair, default, hand, move, e-resize, ne-resize, nw-resize, n-resize,se-resize,sw-resize, s-resize,w-resize,text,wait, help |
| Значение по умолчанию |
auto |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет вид курсора мыши. |
События Dinamic HTML
| Событие |
Описание |
| onabort
|
Возникает, когда пользователь прерывает загрузку картинки |
| onafterupdate
|
Возникает при окончании передачи данных |
| onbeforeunload
|
Происходит перед выгрузкой страницы, что позволяет сохранить данные |
| onbeforeupdate
|
Возникает перед выгрузкой страницы |
| onblur
|
Выход окна из фокуса |
| onbounce
|
Происходит в элементе <MARQUEE>, когда значение свойства BEHAVIOR — ALTERNATE и содержимое доходит до конца |
| onchange
|
Происходит при изменении содержимого элемента |
| onclick
|
Происходит при щелчке на документе |
| ondataavailable
|
Возникает периодически, когда данные приходят из асинхронного источника |
| ondatasetchanged
|
Происходит при изменении порядка данных, например, во время фильтрации данных |
| ondatasetcomplete
|
Возникает, когда все данные из источника становятся доступными |
| ondblclick
|
Происходит, когда пользователь дважды щелкает на документе |
| ondragstart
|
Происходит, когда пользователь начинает перетаскивание |
| onerror
|
Ошибка при передаче |
| onerrorupdate
|
Возникает при отмене изменения данных событием onbeforeupdate, заменяя событие onafterupdate |
| onfilterchange
|
Возникает при смене состояния статического фильтра или при окончании перехода динамического |
| onfilterevent
|
Происходит, когда завершен данный переход фильтра |
| onfinish
|
Происходит при окончании цикла в элементе MARQUEE |
| onfocus
|
Элемент становится активным |
| onhelp
|
Нажатие пользователем клавиши <F1> или <Не1р> |
| onkeydown
|
Возникает при нажатии клавиши |
| onkeypress
|
Возникает при нажатии клавиши и продолжается при удержании клавиши в нажатом состоянии |
| onkeyup
|
Возникает, когда пользователь отпускает клавишу |
| onload
|
Возникает при полной загрузке элемента |
| onmousedown
|
Происходит, когда пользователь нажимает кнопку мыши |
| onmousemove
|
Происходит, когда пользователь двигает мышь |
| onmouseout
|
Происходит, когда курсор мыши выходит с элемента |
| onmouseover
|
Происходит, когда курсор мыши впервые входит на элемент |
| onmouseup |
Происходит, когда пользователь отпускает кнопку мыши |
| onreadystatechange |
Возникает при изменении свойства readystate |
| on reset |
Происходит при очистке формы |
| on resize |
Изменение пользователем размеров окна |
| onrowenter |
Происходит при изменении данных в текущей строке; доступны новые данные |
| onrowexit |
Происходит перед изменением данных в текущей строке источником |
| onscroll |
Прокрутка окна пользователем |
| onselect |
Происходит при изменении текущего выделения |
| onsetectsart |
Происходит, когда пользователь в первый раз запускает выделенную часть документа |
| onstart |
Происходит при начале прокрутки бегущей строки элемента MARQUEE |
| onsubmrt |
Происходит при отсылке формы на сервер или нажатии кнопки SUBMIT (отправка) |
| onunload |
Возникает непосредственно перед выгрузкой страницы |
СПРАВОЧНИК ПО HTML
ПРИЛОЖЕНИЕ 3. СПРАВОЧНИК ПО HTML
Тэги HTML
Таблицы стилей
Проценты
Проценты
Эти цифровые значения задаются как числа (с десятичной точкой или без нее), показывающие отношение к единице длины (обычно размер шрифта текущего элемента). Свойства Dynamic HTML
Свойства шрифта
Свойства шрифта
| Свойства |
font |
| Значения |
<font-size>, [ /<line-height>], <font-family> |
| Значение по умолчанию |
He определено |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Только для <font-size>, <line-height> |
| Это свойство позволяет устанавливать сразу несколько свойств шрифта в одном месте, с начальными значениями, определенными для используемых свойств (т. е. значение, определенное по умолчанию для <font-size>, отличается от значения по умолчанию <font-family>). Данное свойство может быть использовано с соответствующими значениями, разделенными пробелами или запятыми, если устанавливается несколько шрифтов. |
| fontFamily |
|
| Свойства |
fontFamily |
| Значения |
Название семейства шрифта (например, Anal) |
| Значение по умолчанию |
Устанавливается браузером |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Вы можете установить несколько возможных значений в порядке предпочтения (на тот случай, когда в браузере нет нужного шрифта). Для этого просто разделите их запятыми. Вы должны закончить родовым названием шрифта (допустимые значения serif, sans-serif, cursive, fantasy или monospace). Если имя шрифта состоит из нескольких слов, вы должны заключить эти слова в кавычки. |
| font-size |
|
| Свойства |
fontSize |
| Значения |
<absolute>, <relative>, <length>, <percentage> |
| Значение по умолчанию |
medium |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Да (относительно родительского размера шрифта) |
| Значения для этого свойства могут быть выражены несколькими способами:
абсолютным размером, допустимые значения хх-small, x-small, small, medium, large, x -large, xx-large;
относительным размером, допустимые значения larger, smaller;
длиной в любых из описанных в начале раздела единицах измерения;
процентным отношением: значения представлены в процентах от родительского размера шрифта.
|
| font-style |
|
| Свойства |
fontStyle |
| Значения |
normal, italic, oblique |
| Значение по умолчанию |
normal |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Это свойство используется для определения стиля вашего шрифта. Если существует уже готовый вариант шрифта (например, New York Oblique), то он будет применен, в противном случае изменение шрифта будет произведено программно. |
| font-variant |
|
| Свойства |
fontVariant |
| Значения |
normal, small-caps |
| Значение по умолчанию |
normal |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Normal — это стандартный вид, установленный по умолчанию, small-caps использует прописные буквы того же размера, что и обычные строчные. |
| font-weight |
|
| Свойства |
fontWeight |
| Значения |
normal, bold, bolder, lighter или числовые значения от 100 до 900 |
| Значение по умолчанию |
normal |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет жирность шрифта текста, которая зависит от толщины линии. Если используется числовое выражение, то число обязательно должно быть кратным 100: 400 — то же, что и normal, 700 — то же, что и bold. |
Свойства цвета и фона
| Свойства |
color |
| Значения |
Название цвета или его номер |
| Значение по умолчанию |
Зависит от броузера |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Устанавливает цвет текста элемента страницы. Цвет может быть задан названием (например, green) или номером в соответствии со шкалой RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе, например "#FFFFFF", процентами -"80% ,20% ,0%" или в десятичной системе - "245, 0, 20". |
| Background |
|
| Свойства |
background |
| Значения |
transparent, <color>, <URL>, <repeat>, <scroTl>, <posltion> |
| Значение по умолчанию |
transparent |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Да (относительно размера самого элемента) |
| Определяет параметры фона документа. Transparent означает отсутствие фона. Вы можете использовать для фона либо цвет, либо картинку с заданным адресом URL. Адрес может быть абсолютным или относительным, но обязательно должен быть заключен в скобки и располагаться непосредственно за словом url: BODY { background: url (http://mumu.com/image/picture.gif) } Можно использовать и цвет фона, и картинку. В таком случае картинка будет лежать поверх цветного фона. Цвет может быть либо чистым, либо смешанным из двух. Картинка имеет несколько настроек: <repeat> может иметь значения repeat, repeat -х, repeat-у и no-repeat; если эти значения не указаны, значением по умолчанию является repeat; <scroll> определяет при прокручивании страницы, будет ли картинка оставаться на месте или прокручиваться вместе с ней; возможные значения: fixed, scroll; <position> определяет расположение картинки на странице; значения могут быть процентными (горизонтальное, вертикальное), абсолютным расстоянием (горизонтальное, вертикальное) или определенными с помощью ключевых слои (допустимые значения: top, middle, bottom, left, center, right). Также есть возможность определить свойства фона по частям: |
| background-attachment |
| Свойства |
backgroundAttachment |
| Значения |
fixed, scroll |
| Значение по умолчанию |
scroll |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет, будет или нет фоновая картинка прокручиваться при прокрутке страницы. |
| background-color |
|
| Свойства |
backgroundСolor |
| Значения |
transparent, <color> |
| Значение по умолчанию |
transparent |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет цвет фона. Может быть один цвет или два смешанных цвета. Цвет задается названием (например, green) или номером по шкале RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе например "#FFFFFF", процентами - "80%, 20%, 0%" или в десятичной системе "255,0,0". Синтаксис для использования двух смешанных цветов такой: BODY { background-color: red/blue } |
| background-image |
| Свойства |
backgroundimage |
| Значения |
<URL>,none |
| Значение по умолчанию |
none |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| С помощью этого свойства можно определить URL-адрес фоновой картинки. Адрес можно задавать абсолютным или относительным, но обязательно он должен быть заключен в скобки и идти непосредственно за словом url. |
| background-position |
|
| Свойства |
backgroundposition |
| Значения |
<position>, <length>, top, center, bottom, left,right |
| Значение по умолчанию |
top, left |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Указывает начальное положение фоновой картинки с помощью двух значений, определяющих занимаемую часть страницы (по горизонтали, по вертикали), абсолютное расстояние (в соответствующих единицах измерения, сначала по горизонтали, потом по вертикали) или используя два ключевых слова из возможных. |
| background-repeat |
|
| Свойства |
backgroundrepeat |
| Значения |
repeat, repeat-x, repeat-у, no-repeat |
| Значение по умолчанию |
repeat |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет, повторяется ли фоновая картинка для заполнения страницы или элемента. Если используются значения repeat -x, repeat-у, то картинка повторяется лишь вдоль одного направления. По умолчанию устанавливается повторение по обоим направлениям. |
Свойства текста
| Свойства |
letterSpacing |
| Значения |
normal, <length> |
| Значение по умолчанию |
normal |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет расстояние между буквами, length обозначает добавочное расстояние между буквами. Оно должно быть выражено с указанием единиц измерения. |
| line-height |
| Свойства |
lineHeight |
| Значения |
<число>, <length>,<percentage>, normal |
| Значение по умолчанию |
normal |
| Поддерживается |
В зависимости от браузера |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Да, по отношению к размеру шрифта текущего элемента |
| Опрелеляет высоту текущей строки. Числовые значения интерпретируются как размер шрифта текущего элемента, умноженный на соответствующий коэффициент (например 1,2). Если используется length, должны указываться единицы измерения. Процентное соотношение используется в сравнении с текущим размером шрифта и должно быть больше 100%. |
| list-style |
| Свойства |
listStyle |
| Значения |
<ключевое слово>, <position>, <url> |
| Значение по умолчанию |
normal |
| Поддерживается |
В зависимости от браузера |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет, как должны изображаться элементы списка. Может быть использовано для установки всех свойств. Их можно также установить по частям, пользуясь следующими свойствами. |
| list-style-image |
| Свойства |
listStylelmage |
| Значения |
none,<url> |
| Значение по умолчанию |
none |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет адрес картинки, используемой в качестве маркера или пиктограммы для каждого элемента списка. |
| list-style-position |
| Свойства |
listStylePosition |
| Значения |
inside, outside |
| Значение по умолчанию |
outside |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Указывает, внутри или вне тела списка должен находиться маркер. |
| list-style-type |
| Свойства |
listStyleТype |
| Значения |
none,circle,disk, square,decimal,lower-alpha, upper-alpha, lower -roman, upper-roman |
| Значение по умолчанию |
disk |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет вид маркера списка, используемого перед каждым элементом. |
| text-align |
| Свойства |
textAlign |
| Значения |
left, right, center, justify |
| Значение по умолчанию |
disk |
| Поддерживается |
В зависимости от браузера |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет, как текст будет выровнен относительно содержащего его элемента. По существу, делает то же, что и тэг <DIV AUGN= ...>. |
| text-decoration |
| Свойства |
textDecoration, textDecorationLineThrough, textDecorationUnderLine, textDecorationOverUne |
| Значения |
none,overline, underline,line-through |
| Значение по умолчанию |
none |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Позволяет добиться специального вида текста. Открыт для расширений, неопознанные расширения интерпретируются как подчеркивание. Это свойство не наследуется, но обычно распространяется на дочерние элементы, лежащие внутри родительских. |
| text-indent |
| Свойства |
Тypetextlndent |
| Значения |
<length>,<percentage> |
| Значение по умолчанию |
Zero |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Да, относительно ширины родительского элемента |
| Устанавливает величину отступа в единицах измерения или в процентах от ширины родительского элемента. |
| text-transform |
| Свойства |
textTransform |
| Значения |
capitalize,uppercase,lowercase,none |
| Значение по умолчанию |
none |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
|
capitalize делает заглавной первую букву каждого слова в элементе;
uppercase делает все буквы в словах элемента заглавными;
lowercase делает все буквы в словах элемента строчными;
nonе снимает все установки, приобретенные в результате наследования
|
| vertical-align |
| Свойства |
verticalAlign |
| Значения |
baseline, sub, super, top, text-top,middl bottom, text-bottom, <percentage> |
| Значение по умолчанию |
baseline |
| Поддерживается |
Встроенными элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Да, по отношению к высоте строки |
| Определяет расположение текущего элемента по вертикали:
baseline устанавливает выравнивание по образцу родительского элемента;
middle устанавливает вертикальную среднюю линию элемента на основе родительского элемента плюс половина строки последнего;
super переводит элемент в верхний регистр;
sub переводит элемент в нижний регистр;
text-top выравнивает элемент по верху текста, набранного шрифтом родительского элемента;
text-bottom выравнивает элемент по низу текста, набранного шрифтом родительского элемента;
top выравнивает верх элемента по верху самого высокого элемента текущей строки;
bottom выравнивает по низу самого низкого элемента текущей строки.
|
Свойства связанные с размером и рамкой
Свойства, связанные с размером и рамкой
| Значения этих свойств используются для установки характеристик ласти вокруг элемента. Это может быть применено к символам, картинкам и т. д. |
| border-top-color, border-right-color, border-left-color, border-bottom-color, border-color |
|
| Свойства |
borderTopColor, borderRightColor,borderleftColor, borderBottomColor, borderColor |
| Значения |
<color> |
| Значение по умолчанию |
<нет цвета > |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет цвет четырех сторон рамок. Подставив вместо цвета URL картинки, вы сделаете так, что картинка будет повторяться, создавая рамку. |
| border-top-style, border-right-style, border-left-style, border-bottom-style, border-style |
| Свойства |
borderTopStyle, borderRightStyle, borderLeftStyle, borderBottomStyle, borderStyle |
| Значения |
none, solid, double, groove, ridge, inset,outset |
| Значение по умолчанию |
none |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет стиль четырех сторон рамок. |
| border-top, border-right, border-left, border-bottom, border |
| Свойства |
borderTop, borderRignt, borderLeft, borderBottom, border |
| Значения |
<border-width>, <border-style>, <color> |
| Значение по умолчанию |
medium, none, <нет цвета> |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет свойства четырех сторон рамок. Работает так же, как свойства отступов, за исключением того, что рамка видна:
<border-width> (ширина рамки) может быть medium, thin, thick или задана в единицах измерения;
<border-style> (стиль рамки) может быть nonе или solid.
Аргумент color используется для определения цвета заполнения фона элемента, пока он загружается, а также позади прозрачных частей элемента. Если передать вместо него адрес картинки, картинка будет повторяться, заполняя контур рамки. |
| border-top-width, border-right-width, border-left-width, border-bottom-width, border-width |
| Свойства |
borderTopWidth, borderRightWidth, borderLeftWidth, borderBottomWidth, borderWldth |
| Значения |
thin, medium, thick <length> |
| Значение по умолчанию |
medium |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет ширину рамки вокруг элемента. Каждая сторона может быть задана соответствующим свойством. Мы можем также заменить установку четырех индивидуальных свойств установкой одного свойства border-width так же, как и для свойств отступа margin. |
| clear |
| Свойства |
clear |
| Значения |
none, both, left, right |
| Значение по умолчанию |
none |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Указывает, что следующие элементы должны быть показаны ниже элемента, выровненного по левому или правому краю. По умолчанию текст обтекает такие элементы. |
| clip |
| Свойства |
clip |
| Значения |
rect (<top><rightxbottoinxlef t>), auto |
| Значение по умолчанию |
auto |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет, какая часть элемента видна. Все, что находится за пределами области, указанной этим свойством, увидеть нельзя. |
| display |
| Свойства |
display |
| Значения |
" ", none |
| Значение по умолчанию |
" " |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Это свойство указывает, будет ли показан элемент. |
| float |
| Свойства |
styleFloat |
| Значения |
none, left, right |
| Значение по умолчанию |
none |
| Поддерживается |
DIV, SPAN и замененными элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет обтекание элемента другими элементами слева или справа вместо помещения их под ним. |
| height |
| Свойства |
height, pixelHeight, posHeight |
| Значения |
auto, <length> |
| Значение по умолчанию |
auto |
| Поддерживается |
DIV, SPAN и замененными элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Устанавливает высоту элемента и измеряет ее, если это необходимо. Значение возвращается в виде строки, включающей единицы измерения (рх, % и т. д.). Для получения числового значения используется свойство posHeight. |
| left |
| Свойства |
left, pixelLeft, posLeft |
| Значения |
auto, <length>, <percentage> |
| Значение по умолчанию |
auto |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Да, относительно ширины родительского элемента |
| Задает горизонтальную координату элемента, позволяя корректно устанавливать и передвигать элементы. Значение возвращается как строка, включающая единицы измерения (рх, % и т. д.). Для получения значения в виде числа используется свойство posLeft. |
| margin-top, margin-right, margin-left, margin-bottom, margin |
| Свойства |
marginTop, marginRight, marginLeft, marginBottom, margin |
| Значения |
auto, <length>, <percentage> |
| Значение по умолчанию |
Zero |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Да, относительно ширины родительского элемента |
| Определяет размер отступов вокруг данного элемента. Свойство margin служит для задания четырех отступов. Если используется несколько значений, но меньше, чем четыре, оставшиеся противоположные стороны будут равными. Эти значения устанавливают минимальное расстояние между текущим элементом и остальными. |
| overflow |
| Свойства |
overflow |
| Значения |
none, clip, scroll |
| Значение по умолчанию |
none |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Это свойство управляет тем, что произойдет, если содержимое элемента выйдет за его границы:
none - если элемент выйдет за пределы своего фрагмента, то он все равно будет изображен (например, часть текста, для которой не хватило места в отведенной полосе);
clip — выступающие части элемента будут обрезаны;
scroll — пользователь сможет увидеть выходящие за пределы элемента части с помощью прокрутки.
|
| padding-top, padding-right, padding-left, padding-bottom, padding |
| Свойства |
paddingTop, paddingRight, paddingLeft, paddingBottom, padding |
| Значения |
auto, <length>, <percentage> |
| Значение по умолчанию |
Zero |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Да, относительно ширины родительского элемента |
| Определяет расстояние между содержимым и рамкой элемента. Свойство padding используется для задания четырех таких расстояний. Если имеется несколько значений, но меньше четырех, оставшиеся противоположные стороны будут равными. |
| position |
| Свойства |
position |
| Значения |
absolute, relative, static |
| Значение по умолчанию |
relative |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Устанавливает, каким образом вычисляется положение элемента в плоскости экрана:
absolute — элемент будет поставлен в некоторое положение относительно фона и будет двигаться вместе с ним;
static— элемент будет поставлен в некоторое положение относительно фона, но не будет двигаться при прокручивании страницы;
relative — элемент будет помешен в обычное положение относительно других, в соответствии с положением в исходном коде (это значение установлено по умолчанию).
|
| top |
| Свойства |
top, pixelTop, posTop |
| Значения |
auto, <length>, <percentage> |
| Значение по умолчанию |
auto |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Да, относительно ширины родительского элемента |
| Устанавливает или возвращает вертикальную координату элемента, позволяя корректно устанавливать и передвигать элементы. Значение возвращается как строка, включающая единицы измерения (рх, % и т. д.). Для получения значения в виде числа используется свойство posTop. |
| visibility |
| Свойства |
visibility |
| Значения |
visible, hidden, inherit |
| Значение по умолчанию |
inherit |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Позволяет элементу быть видимым или невидимым на странице. Невидимые (hidden) элементы занимают то же место и так же влияют на расположение других элементов, как и видимые (visible), но становятся прозрачными. Это свойство может быть использовано для отображения лишь одного из элементов, занимающих одно и то же место:
visible - элемент виден на экране;
hidden - элемент не виден;
inherit — элемент виден, если его родительский элемент является видимым.
|
| width |
| Свойства |
width, pixelWidth, posWidth |
| Значения |
auto,<length>, <percentage> |
| Значение по умолчанию |
auto за исключением элементов с внутренними установками размера |
| Поддерживается |
тэгами DIV, SPAN и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Да, относительно ширины родительского элемента |
| Устанавливает ширину элемента и измеряет ее, если это необходимо. Значение возвращается как строка, включающая тип единиц измерения (рх, % и т. д.). Для получения значения в виде числа используется свойство posWidth. |
| z-index |
| Свойства |
zlndex |
| Значения |
<число> |
| Значение по умолчанию |
В зависимости от контекста в исходном тексте HTML |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Свойство z-lndex указывает, в каком порядке элементы будут перекрывать друг друга. Элементы с более высоким z-индексом появятся поверх элементов с более низким z-индексом. При положительных значениях элемент ставится перед обычным текстом, при отрицательных - позади него. Таким образом, на страницах создается набор плоских слоев, для которых задается порядок перекрывания. |
Свойства печати
| Свойства |
pageBreakAfter |
| Значения |
<auto>, <always>, <left>, <right> |
| Значение по умолчанию |
<auto> |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Управляет началом и концом страницы, разрывом страницы и тем, где на странице содержание продолжится, т. е. слева или справа. |
| page-break-before |
| Свойства |
pageBreakBefore |
| Значения |
<auto>, <always>, <left>, <right> |
| Значение по умолчанию |
<auto> |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Управляет началом и концом страницы, разрывом страницы и тем, где на странице содержание продолжится, т. е. слева или справа. |
Свойства фильтров
Все фильтры вызываются с помощью ключевого слова filter. Есть два вида фильтров: статические и динамические. Динамические фильтры разделены на две группы: управляющие переходом (переходные) и управляющие появлением объекта на экране. Фильтры первой группы предназначены для того, чтобы объект накладывался на другие объекты или уходил с соседних объектов. Фильтры второй группы заставляют объекты появляться или исчезать одним из 23-х возможных способов. Все фильтры вызываются одинаково из каскадной таблицы стилей:
filter: имя фильтра (параметр1, параметр2, и т. д.}
Есть 14 типов статических фильтров и 2 типа динамических.
| Свойства |
объект.style.<имя фильтра> (параметр1 и т. д.) |
| Значения |
<имя фильтра> (параметр1 , параметр2 и. т. д.) |
| Значение по умолчанию |
Нет примененного фильтра |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Управляет внешним видом объектов при помощи набора встроенных фильтров. Приведем список доступных фильтров и укажем их функции: |
| Фильтр |
Функция |
| alpha |
Задает постоянный уровень прозрачности
|
| blur |
Создает эффект движения
|
| chroma |
Создает одноцветный транспарант
|
| dropshadow |
Обводит силуэт объекта
|
| fliph
|
Делает горизонтальное отражение картинки
|
| f lipv |
Делает вертикальное отражение картинки
|
| glow |
Создает эффект «тления»
|
| grayscale |
Преобразует объект в черно-белый
|
| Invert |
Инвертирует цвета, оттенки и яркость
|
| light |
Освещает объект от источника
|
| mask |
Делает из объекта маску-транспарант
|
| shadow |
Создает силуэт объекта отдельно от объекта
|
| wave
|
Создает «волнистое» искажение объекта
|
| xray
|
Показывает только контур объекта
|
| revealtrans |
| Свойства |
объект .style. revealtrans |
| Значения |
(duration = <длительность>, transition = <тип перехода>)
revealtrans (duration = < длительность>, transition = <тип перехода>) |
| Значение по умолчанию |
Нет примененного фильтра |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
Позволяет открывать или закрывать одни элементы другими, используя 23 встроенных шаблона.
<длительность> — время, за которое превращение с помощью фильтра произойдет полностью (в миллисекундах);
<тип перехода> — целое число, соответствующее номеру применяемого фильтра.
| Тип превращения
|
Номер фильтра |
| Box In (стягивающийся прямоугольник)
|
0 |
| Box Out (расширяющийся прямоугольник)
|
1 |
| Circle In (стягивающийся круг)
|
2 |
| Circle Out (расширяющийся круг)
|
3 |
| Wipe Up (стирание вверх)
|
4 |
| Wipe Down (стирание вниз)
|
5 |
| Wipe Right (стирание вправо)
|
6 |
| Wipe Left (стирание влево)
|
7 |
| Vertical Blinds (вертикальные жалюзи)
|
8 |
| Horisontal Blinds (горизонтальные жалюзи)
|
9 |
| Checkerboard Across («сужающиеся» клетки шахматной доски)
|
10 |
| Checkerboard Down («закрывающаяся» шахматная доска)
|
11 |
| Random Dissolve (случайный наплыв)
|
12 |
| Split Vertical In (вертикальное деление внутрь)
|
13 |
| Split Vertical Out (вертикальное деление наружу)
|
14 |
| Split Horisontal In (горизонтальное деление внутрь)
|
15 |
| Split Horisontal Out (горизонтальное деление наружу)
|
16 |
| Strips Left Down (стирание влево/вниз)
|
17 |
| Strips Left Up (стирание влево/вверх)
|
18 |
| Strips Right Down (стирание вправо/вниз)
|
19 |
| Strips Right Up (стирание вправо/вверх)
|
20 |
| Random Bars Horisontal
|
|
| (случайно расположенные полосы по горизонтали)
|
21 |
| Random Bars Vertical (случайно расположенные полосы по вертикали)
|
22 |
| Random selection of (0-22) (случайный выбор из предыдущих)
|
23 |
| blendtrans |
| Свойства |
объект, style, |
| Значения |
(duration= <длительность>) blendtransblendTrans(duration=<длительность>) |
| Значение по умолчанию |
Нет примененного фильтра |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Позволяет управлять появлением и исчезновением выбранных видимых объектов. Здесь <длительность> — время, за которое действие фильтра произойдет полностью (в миллисекундах). |
Таблицы стилей
Таблицы стилей
Cуществует более 70-и свойств, предназначенных для применения в каскадных таблицах стилей Dynamic HTML. Их можно условно разделить на несколько групп. Начнем со сводной информации о единицах измерения, используемых для определения значений свойств.
Едeницы измерения
Есть две основные категории единиц: относительные и абсолютные (плюс процентные). Лучше использовать относительные единицы, поскольку определение абсолютных требует знания конкретной системы отображения: на какой принтер, монитор или другое устройство будет выводиться информация. Относительные единицы Значения em, en и ex являются типографскими терминами и соотносятся с размерами других символов, рх обозначает пикселы — элементы экрана, размер которых зависит от установок монитора и видеокарты пользователя. В Internet Explorer, начиная с версии 4, em и ех заменены на pt, en — на рх. Абсолютные единицы Значения in, cm, mm, pt, pc in дает значение в дюймах, cm — в сантиметрах, mm — в миллиметрах, pt -в пунктах (72 пт на дюйм) и рс - в пиках (1 пика равна 12 пт). Эти единицы стоит использовать только в том случае, если вы знаете, каким будет размер рабочей области устройства вывода, т. к. браузеры будут пытаться показать все в натуральную величину.
Тэги HTML
Тэги HTML
Здесь упорядочены по категориям наиболее часто употребляемые тэги.
| Структура документа |
| <!> |
Определяет комментарий, который игнорируется анализатором HTML |
| <!DOCTYPE> |
Объявляет тип и формат содержимого документа |
| <BASE> |
Устанавливает URL-адрес исходного документа |
| <BODY> |
Определяет начало основной части страницы |
| <COMMENT> |
Описывает комментарий, который не отображается |
| <DIV> |
Осуществляет логическое разделение документа, создавая фрагмент внутри него |
| <HEAD> |
Заключает в себе тэги, содержащие невидимую информацию о документе |
| <HTML> |
Идентифицирует документ как содержащий элементы HTML |
| <LINK> |
Используется для обозначения связей между документами |
| <МЕТА> |
Предоставляет различные типы невидимой информации и инструкций для браузера |
| <NEXTID> |
Определяет параметр в тэге <HEAD> для использования текстовыми редакторами |
| <SPAN> |
Используется с таблицей стилей для определения нестандартных атрибутов текста на странице |
| <STYLE1> |
Заключает в себе таблицу стилей |
| Заголовки и названия |
| <Н1> |
Заголовок 1-го уровня |
| <Н2> |
Заголовок 2 -го уровня |
| <НЗ> |
Заголовок 3-го уровня |
| <Н4> |
Заголовок 4-го уровня |
| <Н5> |
Заголовок 5-го уровня |
| <Н6> |
Заголовок 6-го уровня |
| <TITLE> |
Название документа, показываемое в заголовке окна браузера |
| Абзацы и строки |
| <BR> |
Вставка конца строки |
| <CENTER> |
Выравнивает заключенные в него компоненты по центру |
| <HR> |
Помещает горизонтальную перекладину на страницу |
| <NOBR> |
Устанавливает невозможность обтекания текстом |
| <?> |
Обозначает абзац |
| <WBR> |
Вставляет мягкий перенос строки в блоке текста в тэге <NOBR> |
| Стили текста |
| <ADDRESS> |
Определяет информацию об адресе, контрольной сумме и авторстве |
| <В> |
Делает текст жирным, где он доступен |
| <BASEFONT> |
Устанавливает шрифт, используемый по умолчанию |
| <BIG> |
Делает шрифт на один пункт больше текущего |
| <BLOCKQUOTE> |
Обозначает отступ в тексте |
| <СIТЕ> |
Выделяет текст курсивом; часто используется для утверждений об авторском праве |
| <CODE> |
Вставляет код в виде текста с фиксированной шириной шрифта |
| <DFM> |
Данный тэг используется для пометки терминов, используемых в первый раз |
| <ЕМ> |
Выделяет текст, обычно курсивом |
| <FONT> |
Определяет вид, размер и цвет шрифта для текста |
| <I> |
Преобразует шрифт текста в курсивный, где это возможно |
| <KBD> |
Используется для отображения на экране текста, который должен ввести пользователь |
| <LISTING> |
Возвращает текст со шрифтом фиксированной ширины |
| <PLAINTEXT> |
Представляет текст шрифтом фиксированной ширины без обработки тэгов |
| <PRE> |
Представляет текст шрифтом фиксированной ширины |
| <S> |
Выводит текст зачеркнутым |
| <SAMP> |
Показывает текст как пример программы |
| <SMALL> |
Определяет, что текст должен быть показан уменьшенным шрифтом относительно основного |
| <STRIKE> |
Выводит текст зачеркнутым |
| <STRONG> |
Выделяет текст жирным шрифтом |
| <STYLE1> |
Заключает в себе таблицу стилей |
| <SUB> |
Выделяет текст, переводя его в нижний регистр |
| <SUP> |
Переводит текст в верхний регистр, как степень |
| <ТТ> |
Устанавливает шрифт фиксированной ширины |
| <U> |
Делает текст подчеркнутым |
| <VAR> |
Устанавливает мелкий шрифт, иногда курсив, фиксированной ширины, используемый обычно для обозначения переменных |
| <ХМР> |
Показывает текст шрифтом фиксированной ширины |
| Списки |
| <DD> |
Используется внутри списка определений для задания текста в тэге <DT> |
| <DIR> |
Возвращает текст как список каталога |
| <DL> |
Используется для создания списка элементов со связанными описаниями |
| <DT> |
Обозначает определение, описание которого находится в следующем за ним тэге <00> |
| <L l> |
Обозначает один элемент в нумерованном или маркированном списке <MENU> |
| <OL> |
Преобразует строки текста с тэгами <L l> в нумерованный список |
| <UL> |
Преобразует строки текста с тэгами <L l> в маркированный список |
| Таблицы |
| Перечисленные ниже тэги определяют: |
| <CAPTION> |
Заголовок таблицы |
| <COL> |
Вид столбцов таблицы по умолчанию |
| <COLGROUP> |
Контейнер для группы столбцов |
| <ТАВLЕ> |
Раздел тэгов <TR>, <TD> и <ТН>, организованных по строкам и столбцам |
| <TBODY> |
Раздел, содержащий тэги <TR> и <TD>, который формирует основную часть таблицы |
| <TD> |
Ячейки таблицы |
| <TFOOT> |
Набор строк для использования в нижней части таблицы |
| <ТН> |
Строку заглавия таблицы; содержимое выровнено по центру и выводится жирным шрифтом <THEAD> Набор строк, используемых как заголовок таблицы |
| <TR> |
Строку таблицы |
| Ссылки |
| Следующие тэги определяют: |
| <А> |
Гиперссылку; обязательно задавать атрибуты HREF или NAME |
| <А HREF="url"> |
Гиперссылку на элемент другого документа |
| <А> МАМЕ="имя"> |
Гиперссылку на элемент этого же документа |
| Графика, объекты, мультимедиа и сценарий |
| <APPLET> |
Помещает апплет Java или другой выполняемый элемент на страницу |
| <AREA> |
Определяет форму активного участка изображения-карты клиента |
| <BGSOUND> |
Определяет фоновое звуковое сопровождение страницы |
| <EMBED> |
Внедряет документы любого типа на страницу для просмотра соответствующим приложением |
| <IMG> |
Используется для вставки графического элемента или видеоклипа на страницу |
| <МАР> |
Задает коллекцию активных участков изображения-карты клиента |
| <MARQUEE> |
Создает на странице бегущую строку текста |
| <NOSCRIPT> |
Определяет, что будет показывать'браузер, не поддерживающий сценарии |
| <OBJECT> |
Встраивает объект или другой элемент управления, не встроенный в HTML, на страницу |
| <PARAM> |
Используется в тэге <OBJECT> для установки свойств объекта |
| <SCRIPT> |
Определяет раздел страницы, который должен обрабатываться интерпретатором кода сценария |
| Формы |
| <BUTTON> |
Создает на странице кнопку HTML |
| <FIELDSET> |
Рисует прямоугольник вокруг содержащихся в нем элементов для обозначения связанных объектов |
| <FORM> |
Описывает форму на странице, которая может содержать другие компоненты и элементы управления |
| <INPUT> |
Задает параметры элемента управления формы |
| <LABEL> |
Определяет текст метки или заголовка для блока элементов управления |
| <LEGEND> |
Определяет текст, помещаемый в прямоугольник, созданный тэгом<FIELDSET> |
| <OPTION> |
Обозначает одну из альтернатив в элементе SELECT |
| <SELECT> |
Определяет поле списка или выпадающий список |
| <TEXTAREA> |
Обозначает поле ввода, состоящее из нескольких строк |
| Фреймы |
| <FRAME> |
Определяет конкретный фрейм внутри набора фреймов |
| <FRAMESET> |
Определяет набор фреймов, который содержит фреймы или подчиненные наборы |
| <IFRAME> |
Используется для создания встроенных «плавающих» фреймов на странице |
| <NOFRAMES> |
Определяет, что именно будет показывать браузер, не поддерживающий фреймы |
Другие операторы
Другие операторы
| Оператор |
Значение |
| + |
Сложение |
| - |
Вычитание |
| * |
Умножение |
| — |
Уменьшение на 1 |
| & или AND |
Поразрядное логическое И |
| |или OR |
Поразрядное логическое ИЛИ |
| ^ или ХО |
Сложение по модулю 2 |
| << |
Сдвиг на один разряд влево |
| / |
Деление |
| % |
Деление по модулю |
| ++ |
Увеличение на 1 |
| >> |
Сдвиг на один разряд вправо |
| >>> |
Сдвиг вправо с заполнением нулями |
| && |
Логическое И |
| I |
Логическое ИЛИ |
| ! |
Логическое НЕ |
занимает одну
Комментарии
| Оператор |
Значение |
| // |
Комментарий — занимает одну строку |
/*
*/ |
Комментарий — занимает несколько строк |
Объект String
Объект String
Объект String дает вам набор методов для работы с текстом. Для создания объекта String используется такой синтаксис:
MyString = new String ( [значение] )
где значение - необязательный параметр: текст, представляющий собой начальное значение строковой переменной. Если это число, оно сначала преобразуется в строковый формат.
| Свойство |
Описание |
| Lenth |
Целое число, указывающее количество символов в строке |
| Метод |
Описание |
| anclor ("name") |
Возвращает исходную строку окруженную тегами <A> и </A> с атрибутом NAME, равным name |
| big () |
Возвращает исходную строку заключенную в теги <BIG> и </BIG> |
| blink () |
Возвращает исходную строку заключенную в теги <BLINK> и </BLINK> |
| bold () |
Возвращает исходную строку заключенную в теги <B> и </B> |
| charAt (позиция) |
Возвращает символ, стоящий в позиции позиция строки |
| fixed ( )
|
Возвращает исходную строку, заключенную в тэги <ТТ> и </ТТ>
|
| fontcolor ( " color" )
|
Возвращает исходную строку, заключенную в тэги <FONT> и </FONT> с атрибутом COLOR, равным color
|
| fontsize ( " size" )
|
Возвращает исходную строку, заключенную в тэги <FONT> и </FONT> с атрибутом SIZE, paвным size
|
| indexO f ( значение [ , позиция] )
|
Возвращает позицию первого появления строк! значение, начиная с позиции позиция
|
| italicsO
|
Возвращает строку, заключенную в тэги <I> и </I>
|
| lastlndexOf ( значение [ , позиция] '.
|
) Возвращает позицию первого с конца строки появления строки значение, начиная с позиции позиция
|
| link ("href")
|
Возвращает исходную строку, окруженную тэгами <А> и </А>, с атрибутом HREF, равным href.
|
| small ()
|
Возвращает исходную строку, заключенную в тэги <SMALL> и </SMALL>
|
| Метод
|
Описание
|
| split (разделитель)
|
Возвращает массив строк, созданный разделением всех встретившихся строк разделительным символом разделитель
|
| strikeO
|
Возвращает исходную строку, заключенную в тэги <STRIKE> и </strike>
|
| sub()
|
Возвращает исходную строку, заключенную в тэги <SUB> и </SUB>
|
| substring (номер 1 , номер2)
|
Возвращает подстроку данного объекта String начинающуюся символом в позиции номер1 и заканчивающуюся символом в позиции перед номер2
|
| sup( )
|
Возвращает исходную строку, заключенную в тэги <SUP> и </SUP>
|
| toLowerCase ( )
|
Возвращает исходную строку со всеми символами, преобразованными в строчные
|
| toUpperCase ( )
|
Возвращает исходную строку со всеми символами, преобразованными в прописные
|
Операторы присваивания
Операторы присваивания
Для присваивания значений в JavaScript используются следующие операторы:
| Оператор |
Пример |
Результат |
| = |
х=у |
х равно у |
| += |
х+=у |
х равно x+ у |
| = |
х-=у |
х равно x-у |
| *= |
х*=у |
х равно x*у |
| /= |
х/=у |
х равно x/у |
| %= |
х%=у |
х равно остатку от деления х на у |
Каждый из этих операторов присваивает значение справа переменной слева. Пример:
Х=200;
Y=10;
Х+=у; // х теперь равен 210
Операторы сравнения
Операторы сравнения
| Оператор |
Значение |
| == |
Равно |
| != |
Не равно |
| > |
Больше, чем |
| >= |
Больше или равно |
| < |
Меньше, чем |
| <= |
Меньше или равно |
Переменные
Переменные
JavaScript — свободный язык. Это значит, что тип переменных не нужно задавать при их объявлении. Каждая переменная может содержать значения различных типов. Очень удобно, однако вся ответственность за соблюдение типов в выражениях возлагается на программиста. Преобразование типов переменных делается автоматически, как показано в следующем примере:
х=55; //х -- числовая переменная, имеющая значение 55
у="55"; // у -- строковая переменная, имеющая значение"55"
z=l+y;
<! .. Если у -- строковая переменная, то она будет
автоматически преобразована в ближайшее целое значение так,
чтобы 1 могла быть прибавлена к ней. ->
document.write(x)
< 55 выводится на экран. Если х - целое число, а не строковая
переменная, то Javascript выполнит необходимые
преобразования. ->
n=3.1459; // назначение действительного (дробного) числа п=0785; // числа, начинающиеся с 0, - восьмеричные n=OxFA8B; // числа, начинающиеся с Ох, — шестнадцатеричные п=5.236Е-7 // экспоненциальное представление десятичного числа (с плавающей точкой)
Имена переменных должны начинаться с буквы или символа подчеркивания, второй и последующие символы имени переменной могут быть буквой, цифрой и подчеркиванием. Язык JavaScript чувствителен к регистру. Например, variable и Variable— это разные переменные. Переменная считается объявленной с момента ее упоминания в программе, так что специальных объявлений делать не нужно. Для исключения недоразумений можно использовать ключевое слово var. Например:
var x=15
СПРАВОЧНИК ПО JAVASCRIPT
ПРИЛОЖЕНИЕ 4. СПРАВОЧНИК ПО JAVASCRIPT
Сценарий
Типы данных
Переменные
Операторы присваивания
Операторы сравнения
Другие операторы
Строковые операторы
Комментарии
Ввод/вывод
Управление выполнением программы
Встроенные функции
Встроенные объекты
Зарезервированные слова
Сценарий
Сценарий
Сценарий на JavaScript включается в документ с помощью тэга <SCRIPT>. Например:
<HTML>
<HEAD>
<!— заключаем сценарий в тэги комментария
<script language= "JavaScript">
... Код сценария ...
</SCRIPT>
—>
</HEAD> <BODY>
... Код HTML ...
</BODY>
</HTML>
Необходимо иметь в виду следующее:
Поместив сценарий на JavaScript в раздел <HEAD> документа, вы делаете так, что весь сценарий будет загружен до того, как потребуется его выполнить.
Код сценария должен быть заключен в тэги комментария HTML для того, чтобы старые браузеры, не понимающие JavaScript, не отображали код на экране.
Регистр букв в JavaScript имеет значение.
Строковые операторы
Строковые операторы
| Оператор |
Значение |
| + |
Склеивание строк |
>
>= |
Сравнивает строки путем сравнения кодов ASCII, начиная с правого конца |
<
<= |
Сравнивает строки путем сравнения кодов ASCII, начиная с левого конца |
Типы данных
Типы данных
В JavaScript существуют такие типы данных:
string (строка ) — последовательность символов, заключенных в кавычки;
numbers (число) — целые числа и десятичные дроби;
boolean (логическое ) —True или False;
null — отсутствие данных.
Кроме того, JavaScript поддерживает специальные символы, как и C++.
| Символ |
Функция |
| \n |
Новая строка |
| \t |
Табуляция |
| \f |
Новая страница |
| \b |
Забой |
| \r |
Возврат каретки |
Вы можете не писать другие символы: нужно просто поставить перед каждым из них косую черту (\). Тем самым вы запретите браузеру их интерпретировать. Чаще всего это используется для кавычек, косой черты или для включения восьмеричного значения символа:
document.write("Здесь показаны \"кавычки\" внутри строки");
document.write("Это обратная косая черта \\");
document.write("Это символ пробела: \040.");
Управление выполнением программы
Управление выполнением программы
Для управления программой в JavaScript есть два способа. Первый включает в себя условные выражения, которые в зависимости от условия выполняют либо одну часть программы, либо другую. Второй способ — использование циклов.
Условные выражения
В JavaScript есть лишь одна конструкция условного выражения — Если. . то ... иначе .... Она используется для работы различных блоков кода в зависимости от условий. Синтаксис этой конструкции:
if (условие)
{ код работает, если условие выполнено
}
else
{
код работает, если условие не выполнено
};
Свойства
Часть, определяемая словом else, необязательна П Конструкция допускает вложенные условия
Если указываются одновременно несколько условий, они должны быть заключены в скобки
Ниже приведен пример:
lang=prompt("На каком языке Вы говорите?",")
if (lang=='английский')
alert("I am speake English a little")
else
{
if (1апд="русский")
alert("Я тоже говорю по-русски") else
alert("Я не говорю на этом языке") };
Заметим, что фигурные скобки нужны лишь в том случае, когда блок содержит больше одного выражения. Как и в большинстве других конструкций, они могут быть опущены, если используется лишь одно выражение. Точка с запятой в конце выражения необходима.
Циклы
for — выполняет блок кода указанное количество раз.
for (i= 0; i = 10; i++)
{
document.write(i);
while — блок кода работает, пока выполняется условие.
while (условие)
{
выполняемые команды...
}
break — выход из цикла.
х = 0;
while (x != 10)
{
n—prompt ("Введите число или нажмите "q" для выхода", "")
if (n == "q")
{
alert("Увидимся позже");
break;
continue — переход в место непосредственно за условным выражением.
х = 0;
while (х !- 1)
if (!(confirm ("Прибавить к n единицу?")))
.{continue
// следующая команда не будет выполнена
Х++;
}
alert ("До свидания!");
Встроенные функции
Встроенные функции
В JavaScript существует набор встроенных функций, доступных при выполнении кода:
| Функция |
Описание |
| escape (символ) |
Возвращает строку в виде % XX , где XX —код ASCII символа в скобках |
| eval (выражение) |
Возвращает результат вычисления выражения
в скобках |
| isNaN (значение) |
Возвращает True, если значение в скобках не является числом |
| parseFloat (строка) |
Преобразует строку в число с плавающей запятой |
| parselnt (строка, основание) |
Преобразует строку в целое число в системе счисления с указанным основанием |
| typeOf (объект) |
Возвращает тип указанного объекта как строку, например boolean, function и т. д. |
Встроенные объекты
Встроенные объекты
JavaScript предлагает для работы с различными типами данных ряд встроенных объектов, каждый из которых имеет свой собственный набор свойств и методов, доступных в коде JavaScript.
Объект Array
Объект Array определяет метод создания массивов и способ работы с ними. Для создания нового массива используется такая конструкция:
x=new ArrayO; // создание нового массива
x=new Array(lO); //создание массива из 10 элементов
// создание массива и одновременно заполнение его значениями
x=new Array("Мурка", "Васька", "Толстопуз",."Барсик");
| Свойство |
Описание |
| length |
Целое число с возможностью изменения, указывающее количество элементов массива |
| Метод |
Описание |
| join ( [строка] ) |
Возвращает строку, содержащую все элементы массива, строка в скобках — необязательный разделитель |
| reverse () |
Изменяет на обратный порядок следования элементов |
| sort ([функция]) |
Сортирует массив; если в скобках указана функция — по результатам ее вычисления |
Объект Boolean
Объект Boolean предназначен для хранения простых значений типа да/нет, true/false. Чтобы создать новый объект типа Boolean, используется такой синтаксис:
MyAnsver=new Boolean([ значение});
Если значение равно 0, null, пропущено или является пустой строкой, новый объект будет иметь начальное значение false. Все другие значения этого аргумента, включая строку false, приведут к созданию объекта, имеющего значение true.
Метод
|
Описание |
| toStrlng() |
Возвращает значение объекта как строку true или false |
| valueOf() |
Возвращает численное значение объекта |
Объект Date
Объект Date поддерживает метод для работы с датами и временем в JavaScript. Новые экземпляры объектов Date создаются так:
newDateObject = new Date([значение])
Значение — необязательные установки даты и времени для нового объекта. Если они не заданы, используются текущие дата и время. Значение может иметь такой вид:
миллисекунды — начиная с полуночи по Гринвичу 1 января 1970 года;
год, месяц, день (например, 1997,0,27 — 27 января 1997);
год, месяц, день, часы, минуты, секунды;
месяц день, годчасы:минуты:секунды (например, September 23,1997 08:25:30).
| Метод |
Описание |
|
getDate ( )
|
Возвращает число месяца как целое числоот 1 до 31
|
| getDay ()
|
Возвращает день недели как целое число от 0 (воскресенье) до 6 (суббота)
|
| getHours ( )
|
Возвращает часы как целое от 0 до 23
|
| getMlnutes ( )
|
Возвращает минуты как целое от 0 до 59
|
| getMonthO
|
Возвращает месяц как целое от 0 (январь) до 1 1 (декабрь)
|
| getSeconds ( )
|
Возвращает секунды как целое от 0 до 59
|
| geTime ( )
|
Возвращает количество миллисекунд между 1 января 1970 года в 00:00:00 по Гринвичу и текущим объектом Date как целое число
|
| getTimeZoneOf f set ( )
|
Возвращает разницу в минутах между местным и гринвичским временем как целое число
|
| getYear ( )
|
Возвращает год без первых двух разрядов как целое число
|
| parse (дата)
|
Возвращает количество миллисекунд между 1 января 1970 года в 00:00:00 по Гринвичу да- той (дата;
|
| setDate ( значение)
|
Устанавливает день месяца с помощью цело- го числа значение от 1 до 31
|
| setHours ( значение)
|
Устанавливает часы с помощью целого числа значение от 0 до 23
|
| setMinutes ( значение)
|
Устанавливает минуты с помощью целого числа значение от 0 до 59
|
| setMonth ( значение)
|
Устанавливает месяц с помощью целого числа значение от 0 до II
|
| setSeconds ( значение)
|
Устанавливает секунды с помощью целого числа значение от 0 до 59
|
| setTime ( значение)
|
Устанавливает значение объекта Date с помощью целого числа значение, которое отражает количество миллисекунд между 1 января 1970 года в 00:00:00 по Гринвичу
|
| set Year ( значение)
|
Устанавливает часы с помощью целого числа значение, большего 1900
|
| toGMTStringO
|
Преобразует данные местного времени во время по Гринвичу и возвращает как строку
|
| toLocaleString ( )
|
Преобразует время по Гринвичу в данные местного времени и возвращает как строку
|
| UTC( год, месяц)
|
Возвращает количество миллисекунд между 1 января 1970 года в 00:00:00 по Гринвичу и текущим объектом Date как целое число [, часы] [, минуты] [, секунды])
|
Объект Function
Объект Function предоставляет механизм для компиляции кода JavaScript в виде функции. Новая функция создается так:
functionName = new Function(аргумент1, аргумент2, ... код функции),
где аргумент1, аргумент2 и т. д. — аргументы для создаваемого объекта Function, а код функции — строка, содержащая тело функции. Это может быть несколько выражений JavaScript, разделенных точкой с запятой.
| Свойство |
Описание |
| arguments [ ] |
Ссылка на массив Arguments, содержащий аргументы вызванной функции |
| caller |
Определяет функцию, вызываемую объектом Function |
| prototype |
Предоставляет способ для добавления свойств объекту Function |
Объект Arguments
Объект Arguments — список (массив) аргументов объекта Function.
| Свойство |
Описание |
| length |
Целое число, определяющее количество аргументов, необходимых вызванной функции |
ОбъектMath
Предоставляет набор свойств и методов для работы с математическими константами и функциями. Для их использования нужна сначала ссылка на объект Math, затем — на требуемые метод или свойство:
MyArea= Math.PI * MyRadiuS * MyRadius;
MyResult = Math.floor(MyNumber);
X=Math.sin(6.28)
| Свойство
|
Описание
|
| E
|
Постоянная Эйлера
|
| LN10 |
Значение натурального логарифма числа 10 |
| LN2 |
Значение натурального логарифма числа 2 |
| LOG10E |
Значение десятичного логарифма экспоненты (числа е) |
|
LOG2E |
Значение двоичного логарифма экспоненты |
PI
SORT1_2
SORT
|
Значение постоянной п
Значение квадратного корня из '/2
Значение квадратного корня из 2
|
| Метод
|
Описание
|
| Abs ( число)
|
Возвращает модуль числа число
|
| acos ( число)
|
Возвращает арккосинус числа число
|
| as in ( число)
|
Возвращает арксинус числа число
|
| a tan ( число)
|
Возвращает арктангенс числа число
|
| atan2 (x, у)
|
Возвращает угол в полярных координатах точки
|
| ceil ( число)
|
Округляет число вверх до ближайшего целого
|
| cos ( число)
|
Возвращает косинус числа число
|
| ехр ( число)
|
Возвращает экспоненту в степени число
|
| floor ( число)
|
Округляет число вниз до ближайшего целого
|
| log ( число)
|
Возвращает натуральный логарифм числа число
|
| max ( число1 , число1 )
|
Возвращает большее из чисел число1, число2
|
| mi п( число 1, число2)
|
Возвращает меньшее из чисел число1, число2
|
| pow ( число 1 . число2 )
|
Возвращает число1 в степени число2
|
| random ( )
|
Возвращает случайное число в диапазоне 0 и 1
|
| round ( число)
|
Округляет число до ближайшего целого
|
| sin ( число)
|
Возвращает синус числа число
|
| sqrt (число)
|
Возвращает квадратный корень из числа числе
|
| tan ( число)
|
Возвращает тангенс числа число
|
Объект Number
Объект Number предоставляет набор свойств, полезных при работе с числами.
| Свойство
|
Описание
|
| MAX_VALUE
|
Максимальное численное значение в JavaScript (~1,79Е+308)
|
| MIN_VALUE
|
Минимальное численное значение в JavaScript (~2,22Е-308)
|
| NaN
|
Значение, не являющееся числом
|
| NEGATIVE_INFINITY
|
Минус бесконечность
|
| POSITIVE_INFINITY
|
Плюс бесконечность
|
| Метод
|
Описание
|
| oString( [основание] )
|
Преобразует число в десятичную системусчисления (или в число в системе по основанию основание,) и возвращает в виде строки
|
| valueof ( )
|
Возвращает двоичное численное значениечисла
|
Ввод/вывод
Ввод/вывод
В JavaScript есть три метода ввода информации пользователем или вывода ее на экран.
Alert
Этот метод позволяет выводить окно сообщения с кнопкой ОК.
alert("Привет!")
Зарезервированные слова
Зарезервированные слова
Здесь представлены слова, которые нельзя использовать для названия функции, метода, переменной или объекта. Слова, которые не используются сейчас как ключевые в JavaScript, зарезервированы на будущее.
Abstract
boolean
break
byte
case
catch
char
class
const
continue
default
delete
do
double |
else
extends
false
final
finally
float
for
function
goto
if
Implements
import
in
instanceof |
int
interface
long
native
new
null
package
private
protected
public
reset
return
short
static |
super
switch
synchronized
this
throw
throws
transient
true
try
typeof
var
void
while
with |
Функции
Функции
Boolean. Приводит значение выражения к типу Boolean (логическому). > приведенном ниже примере переменная box получит значение true:
var var var
"Иван"; "Василий"; Boolean (a !!
k)
box = j
escape. Возвращает значение ASCII-кода для задан ногосимнола, вхо-дяшего в набор ISO Latin-1. Например, следующая инструкция возвратит код «%21», который и будет присвоен переменной а:
var a = escape (" ! ") ;
eval. Возвращает значение переменной или свойства, либо ссылку на объект. При создании псевдомассивов (например, clipl, с 1 ip2, с 1 ip3 и т. д.) имя переменной и число (как правило, числовая переменная) конкатенируются и составляют новое имя переменной. Впрочем, в фильмах в формате Flash 5 рекомендуется отказаться от псевдомассивов, применяя вместо них средства объекта Array. В первом из приведенных ниже примеров будет возвращено значение свойства _alpha, во втором - адрес:
out = eval
("_root.My_clip._alpha"); display = eval ("_root.My_clip");
false. Литерал, соответствующий логическому значению «ложь». Обратите внимание на то обстоятельство, что идентификатор false не заключается в кавычки. Пример:
var n = false;
getProperty. Возвращает значение указанного свойства заданного объекта. Пример:
var k = getProperty ("/My_clip", _x) ;
В Flash 5 предпочтительно использовать иную конструкцию, эквивалентную данной функции:
var k = root.My clip, x;
getTimer. Возвращает количество миллисекунд, прошедших с момента начала воспроизведения текущего фильма. Пример:
timer = getTimer ();
int. Возвращает значение, полученное отбрасыванием дробной части числового параметра. В следующем примере эта функция возвращает значение 34. В настоящее время вытесняется функцией parselnt. Пример:
var k = 34 .875; var x = int (k) ;
isFinite. Проверяет факт конечности заданного числа. Возвращает логическое значение (true или false). В следующем примере переменная box получает значение true, поскольку 56 — число конечное:
var k = 56;
var j = isFinite (k) ; box = j;
isNan. Проверяет, действительно ли переданное в качестве параметра значение не является числом. Если это нечисловое значение, возвращается значение true. В следующем примере возвращается true, так как "Флэш" — это строка, а не число:
var k = "Флэш"; var j = isNan (k) ; box = j;
maxscroll. Данная функция фактически представляет собой предназначенное только для чтения свойство, связанное с текстовым полем через имя переменной. Возвращает некоторое максимальное значение, для вычислении которого используется информация о допустимом размере упомянутого текстового поля. Допустим, переменная, связанная с текстовым полем, имеет имя display, а значение функции maxscroll помещается в переменную topScroll:
topScroll root.display.maxscroll ;
newline. Применяется для вставки символа перевода строки (или возврата каретки). Пример:
var k = "Верх";
var b = "Низ";
var с = (k + newline + b) ;
box = c;
number. Преобразует значение выражения в число с плавающей точкой, либо в логическое число. Возвращает значение 0, если в качестве параметра было передано нечисловое значение. Данная функция рекомендуется только для использования в совершенно определенных целях. Она была задумана как одно из средств, обеспечивающих преобразование файлов Flash 4 в формат Flash 5. В большинстве случаев вместо нее лучше использовать функции parselnt или parseFloat. Пример:
k = "145.76"; j = number (k) ; box = j * 2;
parseFloat. Преобразует строку в число с плавающей точкой. Если строка не является допустимым представлением числа, возвращается значение NaN (в приведенном примере именно такая ситуация). Знак доллара ($) не позволяет рассматривать строку п как число. В результате при попытке осуществить преобразование значения п в число будет возвращено значение NaN. Чтобы обрабатывать ошибки преобразования строк в числа, можно использовать функцию isNan. Пример:
n = "$935.63";
j = parseFloat (n) ;
box = j * 3;
parselnt. Преобразует строку в целое число; цифры после десятичной точки при этом просто отбрасываются. В следующем примере данная функция возвратит значение 874:
n = "874.87";
j = parselnt (n);
box = j;
random. Генерирует случайное число в диапазоне от 0 до -1, где n — некоторое положительное целое число, передаваемое данной функции в качестве параметра. В следующем примере будет возвращено случайное число, находящееся в диапазоне от 0 до 8:
var x = random (9); box = x; .
scroll. При прокрутке устанавливает значение номера первой строки, отображаемой на экране в текстовом поле, с которым связана заданная переменная. Обновлять отображение прокручиваемого текстового поля на экране можно, изменяя значение данной функции (увеличивая его при прокрутке текста вверх и уменьшая при прокрутке вниз). Например, при каждом обращении к следующему сценарию текст будет прокручиваться на четыре строки вверх:
on (release) {
_root.MyJText.scroll = x + 4; }
string. Преобразует число в строку. Такое преобразование необходимо, например, для добавления символа национальной валюты к числу, выражающему денежную сумму. Пример:
bar money = 782.21;
var cmoney = string (money);
var showmoney = cmoney •»• " руб."; box = showmoney;
target Path. Возвращает путь к заданному клипу в виде строки. При этом допускается косвенная адресация. Пример:
targetPath (_root.fender[j+2]) {
true. Литерал, соответствующий логическому значению «истина». Пример:
var flag = true;
unescape. Обратная функция для функции escape. Данная функция применяется для преобразования ASCII-кода в символ, входящий в набор ISO Latin-1. В следующем примере будет возвращен символ ! (восклицательный знак), поскольку его ASCII-код равен %21:
var a = unescape("%21");
updateAf terEvent. Обеспечивает обновление содержимого экрана при выпол-нении операций с клипами независимо от текущей частоты кадров. Помогает более плавно представлять зрителю операции перетаскивания. Примеры:
onClipEvent (mouseDown) {
startDrag (mcCool, true, 100, 250, 200, 250);
updateAfterEvent (mouseDown) } onCHpEvent (mouseUp) {
stopDrag ();
updateAfterEvent (mouseUp)
Операторы
Операторы
! (восклицательный знак) — служит для обозначения логической операции отрицания. Превращая логическое значение (true или false) в его противоположность, оператор отрицания позволяет проверить отсутствие определенного условия. Пример:
if (!Key.isDown(Key.ESCAPE))
{ Display = "Нажмите клавишу <Escape>."; }
! = (проверка условия неравенства). Пример:
m = 10;
j = 12;
if (m != j) {
box = " Они не равны."; }
% (результат деления по модулю). Целочисленное деление с остатком называется делением по модулю. В следующем примере остаток от деления, припаиваемый переменной box, равен 6 (50/11 = 4 с остатком 6):
k = 50;
j = 11;
bох = k % j ;
&& (логическая конъюнкция (И)). Применяется в условных выражениях. Выражение true&&true дает в результате true; true&&false дает false; false&&.f alse дает false. Этот oneратор широко применяется при провер-<е множественных условий. Пример:
< = 50; j = 11; С - (k > j) ;
/ = (j > 5); Lf (x && у) {
box = "Все правильно!";
В инструкциях с проверкой множественных условий оператор конъюнкции применяется следующим образом:
if ((total == all) && (total >= lastO) {
output = "Баланс подведен; в третьем квартале он положительный."; }
( и ) (круглые скобки). Применяются для группировки операций с целью изменить порядок их выполнения. Пример:
(5 + w) * (34 - v);
* (умножение). Применяется в операции умножения чисел или числовых переменных. Пример:
k = 12 * х;
+ (сложение). Применяется в операции сложения чисел или числовых переменных, а также для конкатенации строк. Пример:
k = х + 7;
xyz = "Быстродействие" + "Память"
++ (операция инкремента для переменных). Чаще всего используется в цикле for. Конструкция + + <имя переменной выполняется перед исполнением тела цикла, а конструкция <имя переменной>++ - после тела цикла. Пример:
for
(k = 1; k box = k;
<= 521; k++) {
- (минус). Применяется в операции вычитания чисел или числовых переменных. Уменьшаемое находится слева, а вычитаемое — справа. Пример:
k = k - 2;
— (операция декремента для переменных). Чаше всего используется в цикле for. Конструкция —<имя переменной> выполняется перед исполнением тела цикла, а конструкция <имя переменной> — — после тела цикла. Пример:
for (k = 1000; k >= 521: k -) ( box = k;
)
/ (деление чисел или числовых переменных). Делимое находится слева, а делитель — справа. Пример:
k = 250 / 50;
< (оператор сравнения «меньше чем»); значение выражения будет равно true, если значение слева от оператора меньше, чем значение справа. Пример:
var k = 20;
var j = 15;
if (j < k) {
box = "Вы моложе."; }
<= (оператор сравнения «не больше чем»); значение выражения будет равно true, если значение слева от оператора меньше или равно значению справа. Пример:
var k = 1;
do (
k = + + k;
box = k; } while (k <= 50);
<> (оператор сравнения «не равно»); значение выражения будет равно true, если значение слева от оператора не равно значению справа. Этот оператор считается устаревшим, он вполне допустим в сценариях, но лучше использовать оператор ! =. Пример:
var k = -15; var x = 52; if (k о х) {
box = "Нет ничего общего.
== (оператор сравнения «проверка равенства»); значение выражения будет равно true, если значение слева от оператора равно значению справа.
Одиночный знак равенства (=) используется для присваивания; в условных выражениях требуется двойной знак (==). Пример:
var k = 29; var x = 29; if (k == x) {
box = "Они точно равны."; }
> (оператор сравнения «больше чем»); значение выражения будет равно true, если значение слева от оператора больше, чем значение справа. Пример:
var kid = 15; var parent = 40; if (kid > parent) (
box = "Такого не может быть!";
}
>= (оператор сравнения «не меньше чем»); значение выражения будет равно true, если значение слева от оператора больше или равно значению справа. Пример:
var k = 17; var x = 17; if (x >= k) {
box = "Больше или лучше?"; }
and (логическая конъюнкция (И)). Этот оператор позволяет получить значение true, когда истинны оба условия. Логическая конъюнкция часто используется при обработке двух условий в рамках одной условной инструкции. См. также && . Пример:
var k = 15; var x = 40;
if ((x > k) and (x = 40)) { box = "Годятся оба.";
)
not (логическое отрицание (HE)). Этот оператор позволяет получить значение true, если условие неверно. Авторы полагают, что это похоже на отрицание отрицания. Пример:
var k = 15; var x = 40; if (not (k > x) ) {
box = "Нет на нет будет да."; }
or (логическая дизъюнкция (ИЛИ)). Этот оператор позволяет получить значение true, когда выполняется хотя бы одно из двух условий. Обратите внимание на то, что в следующем примере истинным является только одно из условий. Пример: var k = 15;
var x = 40;
if ( (k = 15) or (x = 99) ) {
box = "Хотя бы что-то одно...";
typeof (определение типа переменной). Различаются строковый, числовой и логический типы. Пример:
var k = (3 > 6) ;
if (typeof k == "boolean") {
box = "Это логическая переменная . " ;
void. Данный оператор делает значение выражения неопределенным и используется для проверки на существование неопределенных объектов. Может применяться для сброса значений переменных. Пример:
counter += counter; void (counter);
Ниже приведен пример использования этого оператора для проверки суще-ствова-ния неопределенного значения.
if (j == void (j) ) {
display = "Значение переменной не определено. ";. )
I I (логическая дизъюнкция (ИЛИ)). Используется в условных инструкциях. Если хотя бы одно из условных выражений в операции дизъюнкции является истинным, данный оператор возвращает значение true. Пример:
k = 37; ] = 27; if ((k > j) || (j < 26)) {
box = "Достаточно и одного.";
Основные операции (Basic Actions)
Основные операции (Basic Actions)
В данном разделе собраны сведения о действиях (операциях), которые включены в список Basic Actions (Основные действия) панели действий.
FSCommand. Передает проигрывателю фильмов команду категории FS Command. Примеры:
fscommand ("allowscale", true);
fscommand ("fullscreen", true);
Get URL. Осуществляет переход по заданному URL-адресу; соответствующая страница открывается в окне, задаваемом необязательным параметром. Пример:
on (release) (
getUrl ("http:// www.admiral.ru/~dunaev",
self);
Go To. Осуществляет переход (с последующим воспроизведением или остановкой) к кадру, заданному номером или меткой. Примеры:
gotoAndPlay (5) ;
gotoAndStop ("My_label");
If Frame Is Loaded. Cм. ifFrameLoaded в разделе «Прочие операции (Actions)».
Load Movie. Загружает фильм, находящийся по указанному URL-адресу на заданном уровне, либо производит загрузку этого фильма в заданный клип. Если новый фильм должен быть размещен на том же уровне, где находится фильм, осуществляющий операцию загрузки, загружаемый фильм вытесняет его. Пример:
on (release) {
loadMovie ("My_movie.swf", 1);
}
On Mouse Event. Подключает сценарий обработки события мыши или клавиатуры. В качестве обработчика события выступает инструкция, заключенная в фигурные скобки ({}). Пример.
on (release) f
inloadMovie (44);
}
on (press) {
on (releaseOutside) {
on (rollover) (
on (rollout) {
Tell Target. Данная операция служит для передачи команды клипу. Эта операция обладает рядом недостатков, за которые ее критикуют многие разработчики. Второй из приведенных ниже примеров демонстрирует предпочтительное альтернативное решение, позволяющее обойтись без данной операции, — применение механизма адресации. Кроме этого, в настоящее время вместо операции Tell Target рекомендуется использовать инструкцию with.
on (release) {
tell Target(_root.My_clip) { gotoAndStop (10);
on (dragOver) {
on (dragOut) {
on (keyPress "D") {
Play. Воспроизводит фильм. У этой операции нет никаких параметров. Пример:
play ();
Stop. Останавливает воспроизведение фильма. У этой операции нет никаких параметров. Пример:
stop ();
Stop All Sounds. Полностью отключает воспроизведение звука в фильме.
stopAHSounds ();
on (release) f
_root.My_clip.gotoAndStop (10); }
Toggle High Quality. Позволяет включать и отключать режим сглаживания неровностей экранных шрифтов. У этой операции нет никаких параметров. Пример:
on (press) {
toggleHighQuality (); }
Unload movie. Позволяет выгрузить любой фильм, находящийся на заданном уровне. При этом нет необходимости указывать URL-адрес выгружаемого фильма. Пример:
on (release) { unloadMovie(1);
Поразрядные операторы
Поразрядные операторы
При выполнении поразрядных операций числа с плавающей точкой преобразуются в 32-разрядные целые. Этого требует механизм поразрядных операций. Однако если вы не можете жить без двоичного мира, состоящего из нулей и единиц, значит, у вас уже есть соответствующий опыт и для вас вполне достаточно следующего краткого описания.
& (поразрядная конъюнкция)
«, », >» (операторы поразрядного сдвига)
" (поразрядная исключительная дизъюнкция)
I (поразрядная дизъюнкция)
~(поразрядное дополнение)
СПРАВОЧНИК ПО ACTIONSCRIPT
ПРИЛОЖЕНИЕ 5. СПРАВОЧНИК ПО ACTIONSCRIPT
Основные операции (Basic Actions)
Прочие операции (Actions)
Операторы
Поразрядные операторы
Составные операторы
Строковые операторы
Функции
Строковые функции
Свойства
Прочие операции (Actions)
Прочие операции (Actions)
В данном разделе собраны сведения об операциях, включенных в список Actions (Действия, операции) панели действий.
break. Прекращает выполнение никла. В следующем примере значение переменной box будет равно 7:
on (release) ( do {
k = k + 1; if (k>6) (
break; }
} while (k<9); box = k; }
call. Вызывает сценарий определенного кадра, причем сам целевой кадр при выполнении данной операции не открывается. Сценарий просто заимствуется. У этой операции всего один параметр, в котором задаются имена клипа и кадра. Имя кадра предваряется двоеточием. В настоящее время вместо операции call рекомендуется использовать механизм пользовательских функций. Пример:
on (release) {
call
("_root.My_clip:my_frame23"); }
comment. Позволяет вставлять в текст сценариев комментарии. Комментарии никак не влияют на выполнение сценария. Начало комментария обозначается в тексте программы двойным слэшем (//). Пример:
//При добавлении нового клипа здесь понадобится внести изменения
continue. Эта операция до некоторой степени схожа с операцией break. Однако в отличие от последней она прекращает выполнение не всего цикла, а лишь текущей его итерации. В приведенном ниже примере переменная box получит значение 9:
on (release) { do {
k = k + I; if (k > 6) {
continue; I
) while (k < 9); box = k; }
delete. Удаляет указанную переменную или заданный объект и в случае успешного выполнения возвращает значение true. Пример:
delete (k);
do while. Тело цикла будет исполняться до тех пор, пока не выполнено условие выхода из цикла. Инструкции, заданные в фигурных скобках в конструкции do { . . . }, будут повторно выполняться до тех пор, пока условие, заданное в скобках в конструкции while (...) остается истинным. Это цикл с постусловием, то есть тело цикла обязательно будет выполнено хотя бы один раз (ср. while). Пример:
on (release) {
do {
k = k + 1;
} while (k < 9);
box = k; }
dupIicateMovieCIip. Создает копию клипа с заданным именем экземпляра. Требуется указать уровень и имя нового экземпляра. Пример:
on (rollover) {
_root.mcCool.dupIicateMovieCIip ("moreCool", 1) ;
moreCool. x = 8;
else. Данная операция позволяет задать альтернативную последовательность действий для инструкции if. Эти действия будут выполняться при ложном значении условия. Пример:
if (k != 8) {
gotoAndPlay(1); } else (
gotoAndPlay(15); }
else if. Позволяет задать для инструкции if дополнительное условие, значение которого будет проверяться при ложном основном условии. Пример:
if (k != 8) {
gotoAndPlay (1); } else if (name == "Иван") {
gotoAndPlay ("Василий"); }
for. Позволяет организовать цикл, в котором предусмотрены начальная инструкция присваивания и условие завершения, как правило, связанные с значением переменной параметра цикла, причем значение этой переменной увеличивается в инструкции инкремента на каждом шаге цикла. Постфиксная форма инкремента (<имя переменной>++) соответствует увеличению значения переменной после выполнения тела цикла, а префиксная форма (+ + <имя переменной>) — перед его выполнением. Пример:
on (release) {
for (k = 1: k < 10; k++) {
box = k; }
for... in. Перебирает все поля объекта, последовательно возвращая значения всех переменных, существующих в этом объекте. Пример:
on (release) {
dog = {breed: 'спаниэль', class: 'старшие', name: 'Дружок');
for (breed in fog) {
out *-= dog [breed] + newline;
}
}
На выходе получим следующее значение переменной out:
спаниэль
старшие
Дружок
FSCommand. См. раздел «Основные операции (Basic Actions)».
function. Определяет функцию — набор операций, которые будут выполняться в рамках некоторой новой команды. Определение функции задает этот набор, но не приводит к немедленному выполнению входящих в него операций. Вызов функции в настоящее время рекомендуется использовать вместо операции call.
Пример:
function My_func (xvar) (
_root.myclip._rotation.xvar;
}
Чтобы вызвать функцию, необходимо включить ее имя в сценарий кнопки, клипа или кадра. Если функция определена с параметрами, при ее вызове нужно использовать фактические параметры — литералы или переменные. Пример:
on (release) {
My_func (35); }
getURL. См. get URL в разделе «Основные операции (Basic Actions)».
gotoAndPlay. См. Go To в разделе «Основные операции (Basic Actions)».
gotoAndStop. См. Go To в разделе «Основные операции (Basic Actions)».
if. Позволяет задать условие, при котором будет выполнена некая операция.
Пример:
if (k == 35) {
gotoAndPlay (7) ;
ifFrameLoaded. Определяет, загружен ли указанный кадр. Эта операция часто применяется и начальных кадрах фильма в процессе его предварительной загрузки. Пример:
ifFrameLoaded ("Scenel", 15) { gotoAndPlay (4);
)
include. Обращается к текстовому файлу, содержащему сценарий ActionScript, и выполняет этот сценарий. Для файлов с внешними сценариями рекомендуется использовать расширение as. Пример:
on (release) (
#include "remote.as";
Next Frame() ;
nextScene. Переход к следующей сцене. Эта команда доступна только в экспертном режиме. Пример:
NextScene();
on. См. On Mouse Event в разделе "Основные операции (Basic Actions)».
onClipEvent. Позволяет задать сценарий обработки событий для выделенного клипа. Допускается использование девяти различных событий. Пример:
onClipEvent(load) score = 1;
I
onClipEvent(enterFrame) {
onClipEvent(unload) {
onClipEvent(mouseDown) {
loadMovie. Cм. Load Movie в разделе «Основные операции (Basic Actions)».
loadVariables. Загружает текстовый файл, содержащий описание переменных в определенном формате, на заданный уровень либо в указанный объект. Описание каждой переменной должно иметь вид <имя переменной-> = <значение>. Если в файле присутствуют описания нескольких переменных, между ними следует помещать разделитель — символ & (амперсанд). Кроме того, в файле не должно быть ни пробелов, ни символов возврата каретки. Пример:
loadVariables("message.txt" , 0) ;
Q nextFrame. Переход к следующему кадру. Эта команда доступна только в экспертном режиме. Пример:
onClipEvent(mouseUp) {
onClipEvent(mouseMove) {
onClipEvent(keyDown) {
onClipEvent(keyUp) (
onClipEvent(data) {
play. Cм. Play в разделе «Основные операции (Basic Actions)».
prevFrame. Переход к предыдущему кадру. Эта команда доступна только в экспертном режиме. Пример:
PrevFrame();
prevScene. Переход к предыдущей сцене. Эта команда доступна только и экспертном режиме. Пример:
revScene();
print. Направляет копию заданного рагмента, находящегося на указанном ювне или в указанном объекте, на печать виде векторного графического изображения. В качестве обрабатываемого фраг-гнта может выступать фильм, кадр или тределенная область экрана. Пример:
on (release) {
print (0, "bmovie"):
printAsBitmap. Направляет копию данного фрагмента, находящегося на указанном уровне или в указанном объекте, на печать в виде растрового афического изображения. В качестве срабатываемого фрагмента может вы— упать фильм, кадр или определенная шасть экрана. Пример:
i (release) {
printAsBitmiap(3, "bframe");
removeMovieClip. Удаляет из фильма азанный клип. Пример:
(release) {
removeMovieClip(_root.shorts./ angeShorts);
return. Эта необязательная операция ным образом возвращает из функции азанное значение либо константу .11, если отсутствует фактический па-метр. Пример:
notion doTax(price, rate) ( return price + (price * rate);
Применение операции return noзволяет генерировать выходное значение функции; это значение может быть сохранено в переменной. Переменная out в следующем примере получит значение результата описанных выше вычислений, произведенных над переданными ей фактическими параметрами, то есть значение 42.12.
on (release) {
out = doTax(39, .08) ; I
setProperty. Изменяет значение свойства указанного клипа. При использовании этой операции необходимо задавать путь к имени экземпляра клипа, а не к метке символа. Для фильмов в формате Flash 4 можно использовать следующий формат:
onClipEvent (mouseDown) (
setProperty("/mcCool", _rotation, 43); }
В пакете Flash 5 подобные сценарии рекомендуется записывать иначе:
onClipEvent (mouseDown) {
_root.mcCool._rotation = 43: }
set variable. Позволяет задать или изменить значение переменной. В качестве присваиваемого значения можно использовать лишь значения и составные выражения, совместимые с типом переменной. Если инструкцию присваивания выбрать в списке Actions (Операции), то в тексте сценария появится строка следующего вида:
set (name, value);
Подставив конкретные фактические параметры, мы можем пол учить следующую строку:
Set (k, (x/k)* 100) ;
Однако для установки значений переменных и системе Flash 5 рекомендуется использовать иной формат присваивания:
k = ( (x/k) * 100);
startDrag. Позволяет задать начальные условия перетаскивания клипа. Область перетаскивания может быть ограничена определенными значениями, задающими селевую, правую, верхнюю и нижнюю границы. Логический параметр при задании значения true обеспечивает привязку указателя мыши к центру объекта.
onClipEvent (mouseDown) {
_root.mcCool.startDrag (false, 100, 250, 200, 250); I
stop. Cм. Stop в разделе «Основные операции (Basic Actions)».
stopAllSounds. Cм. Stop All Sounds в разделе «Основные операции (Basic Actions)».
stopDrag. Позволяет определить условия завершения перетаскивания клипа. У этой операции нет никаких параметров. Пример:
onClipEvent (mouseUp) {
stopDrag (); }
tellTarget. См. Tell Target в разделе «Основные операции (Basic Actions)».
toggleHighQuality. См. Toggle High Quality в разделе «Основные операции (Basic Actions)».
trace. Отладочная инструкция, обеспечивающая отображение значения указанной переменной в окне Output (Вывод). Пример:
do {
va r k = k + 1 ; } while (k <= 10); trace (k);
unloadMovie. Cм. Unload Movie u разделе «Основные операции (Basic Actions)».
var. Определяет некоторую переменную каклокальную. Эта операция особенно часто используется в функциях, когда в сценарии обрабатывается несколько кнопок, кадров или клипов. Пример:
function counter () (
var k = 1; }
while. Инструкция цикла, которая позволяет определить условие выхода из цикла перед началом его выполнения; выполнение цикла продолжается, пока заданное условие является истинным. Если перед первой итерацией цикла условие не выполняется, тело цикла не будет выполнено ни разу. Таким образом, это цикл с предусловием. См. также do while. Пример:
on (release) {
while (k < 9) { k = k + 1;
}
box = k; )
with. Данная инструкция позволяет адресовать определенный объект; этот объект используется по умолчанию для всех инструкций, заключенных в фигурные скобки ({ }), следующие за ключевым словом with. Эта операция рекомендуется в качестве альтернативы устаревшей операции tellTarget. В фигурных скобках может находиться несколько инструкций. Пример:
on (release) (
with(_root.show) { _rotation = 35; _alpha = "76;
Составные операторы
Составные операторы
Эти операторы представляют собой сокращенную форму записи других операций. У всех составных операторов есть одно общее свойство: сначала выполняется операция, находящаяся в правой части инструкции присваивания, а затем ее результат добавляется к значению переменной, расположенной слева от знака присваивания. Примеры:
X += 1;
X *= Y;
Приведенные выше инструкции эквивалентны следующим операциям:
X = X 4- 1;
X = X * Y;
Привыкнув к формату записи составных операторов, вы наверняка оцените их по достоинству.
%= (составное деление по модулю)
&= (составная поразрядная конъюнкция)
*= (составное умножение)
-= (составное вычитание)
/= (составное деление)
<<= (составной поразрядный сдвиг влево)
>>= (составной поразрядный сдвиг вправо)
>>>= (составной поразрядный сдвиг вправо без знака)
^ = (составная исключительная дизъюнкция)
I = (составная поразрядная дизъюнкция)
Строковые функции
Строковые функции
Для всех строковых функций существуют эквивалентные методы объекта string. Строковые функции использовать в фильмах формата Flash 5 не рекомендуется.
chr. Возвращает символ, ASCII-код которого передан функции в качестве параметра. У строчных и прописных букв разные коды. В следующем примере использован код буквы А:
v = chr (65);
length. Возвращает длину строки. В следующем примере функция возвращает число 11:
k = length ("Иванов Иван");
ord. Возвращает ASCII-код символа. В следующем примере переменная v получит значение 97:
v = ord ("а") ;
substring. Возвращает подстроку, заданную комбинацией параметров <имя строковой переменной>, <начальная позиция> и <длина>. Под начальной позицией понимается номер символа, за которым начинается нужная подстрока. Длина — это количество символов, которые должны быть включены в подстроку. В следующем примере из строки «Электропаяльник» извлекается подстрока «паяльник»:
k = substring ("Электропаяльник",7,8);
mbchr. Мультибайтная версия функции chr.
mblength. Мультибайтная версия функции length.
mbord. Мультибайтная версия функции ord.
mbsubstring. Мультибайтная версия функции substring.
Строковые операторы
Строковые операторы
К числу строковых операторов относятся строковые эквиваленты операторов сравнения, применяемых для чисел. Для большинства строковых операторов в настоящее время есть универсальные эквиваленты — операторы, которые применяются для обработки как строковых, так и нестроковых выражений. Сравнение строк производится на основе алфавитного порядка. Наименьший пес при сравнении имеет буква А, наибольший — буква Z. Следовательно, строка «Z» больше строки «А». Символы нижнего регистра считаются большими, нежели символы верхнего регистра. Поэтому «а» больше «Z».
Перечисленные ниже строковые операторы следует применять, если вы работаете нал фильмом, который должен быть совместим с форматом Flash 4.
add (конкатенация (склейка) строк). В приведенном ниже примере переменная box получит значение "Привет ! ». Наряду с оператором add можно использовать оператор +.
Данный оператор пришел на смену оператору &, который выполнял аналогичные функции в системе Flash 4. Пример:
k = "При";
j = "вет!";
var welcome = k add j;
box = welcome;
eq (проверка условия равенства двух строк). Наряду с оператором eq можно использовать оператор ==. Пример:
var Apples = "яблоки"; var Oranges = "апельсины"; if (Apples eq Oranges) {
box = "Одно и то же!"; } 5lse {
box = "Разные вещи!"; }
ge (оператор «не меньше» для строк). Учтите, что сравниваются зна-1ения строковых переменных, а не их шена. Наряду с оператором ge можно 1спользовать оператор >=. Пример:
vаr Z = "Антилопы"; 'ar A = "Зебры";
f (A ge Z) {
box = "Важны лишь значения перееменных! ";
gt (оператор «больше» для строк). Наряду с оператором gt можно использовать оператор >. Пример:
var 1с = "а"; var uc = "W"; if (lc gt uc) {
box = "Нижний регистр больше верхнего"; }
lе (оператор «не больше» для строк). Наряду с оператором lе можно использовать оператор <=. Пример:
var Same = "Двойня"; var Osame = "Двойня"; if (Same le Osame) (
box = "Двойня это хорошо!";
)
It (оператор «меньше» для строк). Наряду с оператором It можно использовать оператор <. Пример:
var Fatso = "Толстяк"; var TooSlim = "Тощий"; if (TooSlim It Fatso) {
box = "Съешьте что-нибудь!";
}
ne (оператор «не равно» для строк).
Наряду с оператором пе можно использовать оператор ! =. Пример:
var A = "яблоки";
var Oranges = "апельсины";
if (A ne Oranges) {
box = "И все-таки они разные!";
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
