Клиентский (браузерный) JavaScript: различия между версиями
imported>Supportadmin (Новая страница: «=== Основные объекты браузера === {| class="wikitable" |- ! Объект||Описание |- || window||Объект, связанный …») |
imported>Supportadmin |
||
Строка 3356: | Строка 3356: | ||
//... | //... | ||
} | } | ||
==Простейшие способы автозапуска JS кода в браузере== | |||
в теле HTML | |||
<body onLoad="load()"> | |||
и в скрипте создаем функцию '''load()''' | |||
или подгружаем скрипт через: | |||
<script type="text/javascript" src="start.js"></script> | |||
и в скрипте '''start.js''' в начале пишем: | |||
<nowiki> | |||
window.onload= function load() { | |||
document.write('<h1>Hello, World!</h1>'); | |||
} | |||
</nowiki> |
Текущая версия от 11:55, 4 августа 2013
Основные объекты браузера
Объект | Описание |
---|---|
window | Объект, связанный с текущим окном браузера |
document | Объект, содержащий различные элементы (X)HTML и фрагменты текста, из которых складывается документ. В традиционной объектной модели JavaScript объект Document приблизительно соответствует дескриптору |
frames[] | Массив фреймов, если таковые имеются в объекте window. Каждый фрейм, в свою очередь, ссылается на другой объект Window, который тоже может содержать фреймы |
history | Объект, содержащий журнал текущего окна, т.е. список последних адресов URL, к которым обращался пользователь |
location | Содержит информацию о текущем размещении документа в форме URL и его составных частей |
navigator | Объект, описывающий базовые характеристики браузера, в частности его тип и версию |
Объект window
Свойства
- Свойство client содержит информацию о браузере, используемом пользователем для просмотра данной Web-страницы. Свойство имеет статус "только для чтения", т. е. его значение не может быть изменено в процессе действия программы-скрипта.
- Свойство status содержит текстовую строку,отображающуюся в строке; статуса в нижней части окна программы-браузера.
- Свойство defauitstatus содержит текст, отображаемый в строке статус по умолчанию,
- Свойство opener является ссылкой на окно просмотра, которое было открыто из текущего окна. То есть, в данном свойстве находится ссылка на дочернее окно;
- Свойство parent является ссылкой на родительское окно,, из которого открыли текущее.
- Свойство пате содержит наименование текущего окна.
- Свойство self содержит ссылку на данное окно, в сущности, при помощи этого свойства объект ссылается сам на себя.
- Свойство top содержит ссылку на самое первое окно в иерархии связанных друг с другом окон.
- Свойство closed имеет логический тип и сообщает, закрыто или открыто данное окно.
- dialogArguments – переменная параметр, или массив параметров, передаваемых диалоговому окну.
- dialogHeight – высота диалогового окна в пикселах.
- dial.ogwidth – ширина диалогового окна в пикселах.
- dialogic – вертикальная координата верхнего левого угла диалогового окна в пикселах.
- dialogieft – горизонтальная Координата верхнего левого угла диалогового окна в пикселах.
- returnvalue – применяется в модальных окнах диалогов, содержит значение, возвращаемое родительскому окну:,
Методы
Помимо свойств, естественно, имеется и список методов. Они реализованы в виде функций.
- Метод alert (messagestring) создает окно сообщения. Текст сообщения передается к параметре.
- Метод confirm (messagestring) отображает подтверждающее окно, текст которого передан в функцию в качестве параметра. Окно отличается от предыдущего наличием дополнительной кнопки Отмена.
- Метод snowModalpialogturl (url, header, attributes) создает модальное диалоговое окно. В параметрах передается URL отображаемого файла, заголовок окна и атрибуты создаваемого окна.
- Метод open (uri, header, attributes) открывает новое окно браузера. В параметрах передается URL HTML-документа, который будет отображаться в этом окне, заголовок нового окна просмотра и его параметры.
- Метод close () закрывает данное окно.
- Метод setTimeout (expression, time, language) создает таймер, который вычислит выражение или выполнит действие спустя определенное время. Выражение или код действия передается в параметре expression, язык, на котором оно записано – в параметре language, а время, по истечении которого произойдет вычисление выражения или выполнение инструкций,– в параметре time. Функция возвращает идентификатор, который предоставляет возможность управлять созданным таймером впоследствии. Одновременно можно создавать несколько таймеров с уникальными идентификаторами.
- Метод setinterval (expression, time) по своему действию очень похож на предыдущий метод setTimeout, но в отличие от него производит заданное действие не единожды, а многократно, каждый раз перед выполнением делая паузу, длительность которой указана в параметре time.
- Метод ciearTimeout (timerid) ликвидирует созданный таймер. В качестве параметра передается идентификатор ликвидируемого таймера, Который был получен как возвращаемое значение функции setTimeout.
- Метод clear interval (timerid) ликвидирует повторяющийся таймер, созданный при помощи метода setinterval. В качестве параметра передается идентификатор ликвидируемого таймера.
- Метод focus () устанавливает фокус ввода на данное окно. Одновременно инициализируется событие onfocus.
- Метод blur () принудительно сбрасывает фокус ввода с окна. Инициализируется событие onbiur.
- Метод prompt (message, defa (lt_value)) создает окно с полем ввода и текстом подсказки. Текст подсказки передается в параметре message, а значение, находящееся в поле ввода по умолчанию – в параметре default_value.
- Метод execscript (script, language) выполняет блок кода, который передается в параметре script, а в параметре language – язык, на котором он написан.
- Метод scroll (mode) позволяет принудительно показывать и скрывать) полосы прокрутки в окне просмотра браузера. Для отображения полос необходимо передать в параметре значение yes, для выключения – no.
Объект Document
Свойства
- location— ссылка на объект Location, описывающий расположение текущего документа.
- forms[]— массив, содержащий ссылки на все формы, определенные в документе.
- forms.length— число элементов в массиве forms[].
- images[]— массив, содержащий ссылки на все изображения, включенные в документ.
- images.length— число элементов в массиве images[].
- links[]— массив, содержащий указатели на все гипертекстовые связи, определенные в документе.
- links.length— число элементов в массиве links[].
- anchors[]— массив, содержащий указатели на все именованные гипертекстовые ссылки.
- anchors.length— число элементов в массиве anchors[].
- title— заголовок документа.
- bgColor— сообщает цвет фона в шестизначном коде.
- fgColor — ообщает цвет текста в шестизначном коде.
- linkColor— сообщает цвет ссылки.
- alinkColor— сообщает цвет активной ссылки.
- vlinkColor— сообщает цвет посещенной ссылки.
- referrer— сообщает, с какой страницы пришел пользователь. Если информация недоступна, скрипт оставляет пустое место.
- lastModified — сообщает дату, когда были внесены последние изменения в страницу (на самом деле дату, когда страница былазагружена на сервер или сохранена на жестком диске).
Методы
- write(значение,[значение, ...])— включает значения параметров в состав объекта Document.
- open()— связывает с документом поток, предназначенный для использования, припоследующих вызовах методов write().
- close()— закрывает поток, связанный с документом.
События
С объектом Document связаны события onLoad и onUnload. Oни совпадают с одноименными событиями объета Window(свойства, методы и события данного объекта будут рассмотрены позже). По сути, вопрос о том, с каким объектом связаны события с данными именами, имеет лишь теоретическое значение. Обработчики событий для объекта Window и объекта Document задаются в дескрипторе <BODY> документа, поэтому, с точки зрения сценария, события, принадлежащие окну и документу, неразличимы.
Объект frames[]
Свойства
Методы
События
Объект history
Свойства
Методы
События
Объект location
Свойства
Методы
События
Свойства
Методы
События
Тэги
Тэги и связанные события
<а> | Гиперссылка | onblur, onclick, ondblclick, ondragstart, onerrorupdate, onf interchange, onfocus, onhelp, onkeydown, onkeyptess, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<address> | Специализированное форматирование текста | Onclick, ondblclick, ondragstart, onhelp, bnkeydoWn, onkeypress, onkeyup, onmoaaedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<applet> | Внедряет в состав Web-страницы Java-апплет | Onafterupdate, onbef oreupdate, onblur, onclick, ondataavailable, ondatasetelianged, ondatasetcomplete, ondblclick, ondragstart, onerrorupdate, onfocus, onhelp, orikeydowri, onkeypress, onkeyup, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onreadystatechange, onresize, onrdwenter, onrowexit, onselectstart |
<area> | Создает активную область-гиперссылку в сегментированной графике | onblur, onclick, ondblclick, ondragstart, onfilterchange, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup |
<b> | Выделяет текст полужирным шрифтом | onclick, ondblclick, ondragstart, onfilterchange, onhelp, orikeydown, onkeypress tonkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<big> | Увеличивает размер шрифта на единицу | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown,.onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup |
<blockquote> | Специализированное форматирование текста | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<body> | Определяет содержательную часть Web-страницы | onafterupdate, onbeforeupdate, onblur, onclick, ondblclick, ondragstarti onfocus, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize, onrowenter, onrowexit" onscroll, onselectstart |
<button> | Создает кнопку | onafterupdate, onbeforeupdate, onblur, onclick, ondblclick, ondragstart, onfilterchange, onfocus, onhelp, onkeydown, onkeypieess, onkeyup, onmousedown, onmousemove, onmbuseout, onmouseover, onmouseup, onresize, onrowenter, onrowexit, onscroll, onselectstart |
<caption> | Создает заголовок таблицы | ionafterupdate, onbeforeupdate, onblur, onclick, ondblclick, ondragstart, onfilterchange, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize, onrowenter, onrowexit, onscroll, onselectstart |
<center> | Центрирует блок содержимого | ftelick, onecibiclick, ondragstart, af ilterchange, iihelp, onkeydown, Qnkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, 'onselectstart |
<cite> | Специализированное форматирование текста | onclick, ondl&cllck, ondragstart, onfilterchange, оп&Цр, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<code> | Специализированное форматирование текста | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<dd> | Элемент списка | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, omaousedown,. onmousemove, onmouseout, onmouseover, onmotiseup, onselectststtr |
<dfn> | Специализированное форматирование текста | onclick, ondblclick, ondragstart, ©lifilter change, onhelp, onkeydown, oakeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<div> | Группировка элементов содержимого Web-страницы | onafterupdate, onbeforeupdate, onblur, onclick, ondblclick, ondragstart, cuifojGus, onhelp, onkeydown, onkypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize, onrowenter, onrowexit, onscroll, onselectstart |
<dl> | Создание списка | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<dt> | Создание элемента списка | onclick, ondblolick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, oninousedown, onmousemove, onmouseout, omnouseover, onmouseup, onselect start |
<em> | Специализированное форматирование текста | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<embed> | Внедрение в состав содержимого Web-страницы объектов различных типов | onblur, onf ocus |
<font> | Определение шрифта для отображения текста | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<form> | Определяет форму в HTML-документе | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress,, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onreset, onselectstart, onsubmit |
<h1> – <h6> | Создают заголовки | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<hr> | Отображает горизонтальную линию | onbeforeupdatte, onblur, onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onraouseup, onresize, onrowenter, on-rowexit, onselectstart |
<i> | Выделяет текст курсивом | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<img> | Вставляет графическое изображение | onabort, onaf terupdate, onbef oreupdate, onblur, onclick, ondblclick, ondragstart, onerror, onf ilterchange, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize, onrowenter, onrowexit, onscroll, onselectstart |
<input> | Создает орган ввода информации | onaf terupdate, onbeforeupdate, onblur, onclick, ondblclick, ondragstart, onerrorupdate, onf ilterchange, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize, onselect, onselectstart |
<kbd> | Специализированное форматирование текста | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<label> | Создает текстовую метку для некоторых органов ввода информации | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<li> | Создает элемент списка | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<link> | Объявляет связь между различными HTML-документами | onerror, onload, onreadystatechange |
<listing> | Специализированное форматирование текста | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<map> | Создает карту сегментированной графики | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<object> | Внедряет какой-либо объект в HTML – документ | onafterupdate, onbeforeupdate, onblur, onclick, ondataavailable, ondataset changed, ondatasetcomplete, ondblclick, ondragstart, oneror, onerrorupdate, onf ilterchange, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onreadystatechange, onreset, onresize, onrowenter, onrowexit, onselectstart |
<ol> | Создает нумерованный список | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<P> | Задает текстовый абзац | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<plaintext> | Устанавливает специализированное форматирование текста | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<pre> | Устанавливает специализированное форматирование текста | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<s> | Отображает зачеркнутый текст | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<sup> | Устанавливает специализированное форматирование текста | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, ons elect start |
<table> | Создание таблицы | onaf terupdate, onbeforeupdate, onblur, onclick, ondblclick, ondragstart, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize, onrowenter, onrowexit, onscroll, onselectstart |
<tbody> | Обозначает основной раздел таблицы | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<td> | Объявляет ячейку таблицы | onafterupdate, onbeforeupdate, onblur, onclick, ondblclick, ondragstart, onf ilterchange, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize, onrowenter, onrowexit, onselectstart |
<textarea> | Создает многострочное поле текстового ввода | onafterupdate, onbeforeupdate, onblur, onchange, onclick, ondblclick, ondragstart, onerrorupdate, onf ilterchange, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize, onrowenter, onrowexit, onscroll, onselect, onselectstart |
<tfoot> | Создает нижнюю часть таблицы | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<th> | Объявляет строку заголовка таблицы | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<thead> | Создает область заголовка таблицы | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<tr> | Объявляет строку таблицы | onuf terupdate, onbeforeupdate, onblur, onclick, ondblclick, ondragstart, onf ilterchange, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize, onrowenter, onrowexit, onselectstart |
<tt> | Устанавливает специализированное шрифтовое оформление | onclick, ondblclick, ondragstart, onf ilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<u> | Отображает подчеркнутый текст | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<ul> | Создает маркированный список | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
<var> | Устанавливает специализированное форматирование текста | onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselectstart |
Описание событий
onabort | Инициируется, когда пользователь принудительно прерывает загрузку данных |
onaf terupdate | Возникает при окончании передачи данных |
onbeforeunload | Инициируется перед выгрузкой страницы |
onblur | Утеря фокуса ввода объектом |
onchange | Инициируется при изменении содержимого объекта |
onclick | Происходит при одиночном щелчке мыши на объекте |
ondataa vail able | Инициируется при получении данных из источника |
ondataset changed | Возникает при изменении набора данных, на основе которого функционирует элемент |
ondataset complete | Инициируется в тот момент, когда исходный набор данных становится полностью доступным для документа |
ondblclick | Возникает при выполнении пользователем двойного щелчка мыши на элементе |
ondragstart | Возникает в тот момент, когда пользователь начинает перетаскивать объект при помощи мыши |
onerror | Инициируется в случае возникновения ошибки при передаче данных |
one rr or update | Возникает при отмене изменения данных |
onf ilterchange | Возникает при изменении состояния графического фильтра |
onf ilterevent | Инициируется при окончании этапа действия графического фильтра |
onfocus | Возникает при получении объектом фокуса ввода |
onhelp | Возникает в тот момент, когда пользователь нажимает клавишу F1 |
onkeydown | Инициируется при нажатии пользователем какой – либо клавиши на клавиатуре |
onkeypress | Инициируется при нажатии клавиши и ее удержании в нажатом положении |
onkeyup | Возникает, когда пользователь отпускает нажатую клавишу |
onload | Инициируется, когда загрузка объекта полностью завершается |
onmousedown | Возникает, когда пользователь нажимает кнопку мыши |
onmousemove | Возникает, когла пользователь перемещает мышь |
onmouseout | Инициируется в тот момент, когда пользователь уводит курсор мыши с пространства, занимаемого объектом |
onmouseover | Инициируется в тот момент, когда пользователь перемещает курсор мыши в пространство, занимаемое объектом |
onmouseup | Возникает, когда пользователь отпускает ранее нажатую кнопку мыши |
onreadystatechange | Возникает при изменении свойства readystate |
onreset | Возникает при нажатии пользователем на кнопку Reset, расположенную на форме |
onresize | Инициируется в тот момент, когда пользователь изменяет размеры окна просмотра |
onrowenter | Инициируется при изменении данных в строке, связанной с внешним источником данных |
onrowexit | Инициируется перед тем, как данные в строке будут изменены источником данных |
onscroll | Возникает, когда пользователь прокручивает содержимое Web-страницы в окне просмотра браузера |
onselect | Возникает при изменении текущей выделенной области |
onselectstart | Инициируется, когда пользователь начинает выделять область содержимого |
onsubmit | Инициируется, когда пользователь нажимает на кнопку Submit, расположенную на форме, и отсылает данные из формы на сервер |
onunload | Инициируется непосредственно перед выгрузкой страницы из окна просмотра браузера |
Тэги и связанные методы
<а> | Гиперссылка | blur, click, contains, focus, getAttribute, insertAd j acentHTML, insert Adjacent Text, remove At tribute, scrollIntoView, setAttribute |
<address> | Специализированное форматирование текста | click, contains, getAttribute, insertAd acentHTML, insert Ad j a cent Text, removeAt tribute, scrollIntoView, setAttribute |
<applet> | Внедряет в сост в Web-страницы Java-апплет | blur, click, contains, focus, getAttribute, insertAd j acentHTML, insertAdj acentText, removeAt tribute, scrollIntoView, setAttribute |
<area> | Создает активную область-гиперссылку в сегментированной графике | blur, click, contains, focus, getAttribute, insertAdj acentHTML, insertAdj acentText, removeAt tribute, scrollIntoView, setAttribute |
<b> | Выделяет текст полужирным шрифтом | click, contains, getAttribute, insertAdj acentHTML, insertAdj acentText, removeAt tribute, scrollIntoView, setAttribute |
<base> | Устанавливает URL основного документа | contains, getAttribute, removeAttribute, setAttribute |
<basefont> | Задает шрифт, используемый по умолчанию | contains, getAttribute, removeAttribute, setAttribute |
<bgsound> | Задает фоновый звук Web-страницы | contains, getAttribute, removeAttribute, setAttribute |
<big> | Увеличивает размер шрифта на единицу | click, contains, getAttribute, insertAdj acentHTML, insertAdj acentText, removeAttribute, scrollIntoView, setAttribute |
<tfoot> | Создает нижнюю часть таблицы | click, contains, getAttribute, removeAt tribute, scrollIntoView, setAttribute |
<th> | Объявляет строку заголовка таблицы | click, contains, getAttribute, removeAt tribute, scrollIntoView, setAttribute |
<thead> | Создает область заголовка таблицы | click, contains, getAttribute, removeAt tribute, scrollIntoView, setAttribute |
<title> | Применяется для создания заголовка HTML – документа | contains, getAttribute, removeAttribute, setAttribute |
<tr> | Объявляет строку таблицы | blur, click, contains, focus, getAttribute, removeAttribute, scrollIntoView, setAttribute |
<tt> | Устанавливает специализированное шрифтовое оформление | click, contains, getAttribute, insertAd j acentHTML, insert Ad jacentText, removeAttribute, scrollIntoView, setAttribute |
<u> | Отображает подчеркнутый текст | click, contains, getAttribute, insert Adjacent HTML, insert Ad jacentText, removeAttribute, scrollIntoView, setAttribute |
<ul> | Создает маркированный список | click, contains, getAttribute, insertAd j acentHTML, insert Ad jacentText, removeAttribute, scrollIntoView, setAttribute |
<var> | Устанавливает специализированное форматирование текста | click, contains, getAttribute, insert Adjacent HTML, insert Ad jacentText, removeAttribute, scrollIntoView, setAttribute |
<blockquote> | Специализированное форматирование текста | click, contains, getAttribute, insertAd j acentHTML, insert Ad jacentText, removeAt tribute, scrollIntoView, setAttribute |
<body> | Определяет содержательную часть Web-страницы | blur, click, contains, focus, getAttribute, insertAd j acentHTML, insert Ad jacentText, removeAt tribute, scrollIntoView, setAttribute |
<br> | Создает принудительный разрыв строки | contains, getAttribute, insertAd j acentHTML, insert Ad jacentText, removeAttribute, setAttribute |
<button> | Создает кнопку | blur, click, contains, createtextRange, focus, getAttribute, insertAdj acentHTML, insert Ad jacentText, removeAttribute, scrollIntoView, setAttribute |
<caption> | Создает заголовок таблицы | blur, click, contains, focus, getAttribute, insert Adjacent HTML, insert Ad jacentText, removeAttribute, scrollIntoView, setAttribute |
<center> | Центрирует блок содержимого | click, contains, getAttribute, insertAdj acentHTML, insertAdj acentText, removeAttribute, scrollIntoView, setAttribute |
<cite> | Специализированное форматирование текста | click, contains, getAttribute, insert Adjacent HTML, insert Ad jacentText, removeAttribute, scrollIntoView, setAttribute |
<code> | Специализированное форматирование текста | click, contains, getAttribute, insertAdj acentHTML, insertAdj acentText, removeAttribute, scrollIntoView, setAttribute |
<col> | Устанавливает определение столбцов таблицы | contains, getAttribute, removeAttribute, setAttribute |
<colgroup> | Создает группу столбцов | contains, getAttribute, removeAttribute, setAttribute |
<dd> | Элемент списка | click, contains, getAttribute, insert Adjacent HTML, insert Adjacent Text, removeAttribute, scrollIntoView, setAttribute |
<dfn> | Специализированное форматирование текста | click, contains, getAttribute, insertAdjacentHTML, insert Adjacent Text, removeAttribute, scrollIntoView, setAttribute |
<div> | Группировка элементов содержимого Web-страницы | blur, click, contains, focus, getAttribute, insertAdjacentHTML, insertAdjacentText, removeAttribute, scrollIntoView, setAttribute |
<dl> | Создание списка | click, contains, getAttribute, insertAd j acentHTML, insertAdjacentText,' removeAttribute, scrollIntoView, setAttribute |
<dt> | Создание элемента списка | click, contains, getAttribute, insertAdj acentHTML, insertAdjacentText, removeAttribute, scrollIntoView, setAttribute |
<em> | Специализированное форматирование текста | click, contains, getAttribute, insertAdj acentHTML, insertAdjacentText, removeAttribute, scrollIntoView, setAttribute |
<embed> | Внедрение в состав содержимого Web-страницы объектов различных типов | blur, contains, focus, getAttribute, insertAdjacentHTML, insertAdjacentText, removeAttribute, scrollIntoView, setAttribute |
<font> | Определение шрифта для отображения текста | click, contains, getAttribute, insertAdj acentHTML, insertAdjacentText, removeAttribute, scrollIntoView, setAttribute |
<kbd> | Специализированное форматирование текста | click, contains, getAttribute, insert Adjacent HTML, insert Ad j a cent Text, removeAt tribute, scrollIntoView, setAttribute |
<label> | Создает текстовую метку для некоторых органов ввода информации | click, contains, getAttribute, insertAdjacentHTML, insert Ad jacentText, removeAt tribute, scrollIntoView, setAttribute |
<li> | Создает элемент списка | click, contains, getAttribute, insertAdjacentHTML, insert Ad jacentText, removeAt tribute, scrollIntoView, setAttribute |
<link> | Объявляет связь между различными HTML-документами | contains, getAttribute, removeAttribute, setAttribute |
<listing> | Специализированное форматирование текста | click, contains, getAttribute, insertAdjacentHTML, insertAd jacentText, removeAttribute, scrollIntoView, setAttribute |
<map> | Создает карту сегментированной графики | click, contains, getAttribute, removeAttribute, setAttribute |
<meta> | Применяется для установки meta-переменных HTML-документа | contains, getAttribute, removeAttribute, setAttribute |
<object> | Внедряет какой-либо объект в HTML – документ | blur, click, contains, focus, getAttribute, insertAdj acentHTML, insertAd jacentText, removeAttribute, scrollIntoView, setAttribute |
<ol> | Создает нумерованный список | click, contains, getAttribute, insertAdj acentHTML, insertAd jacentText, removeAttribute, scrollIntoView, setAttribute |
<option> | Создает элемент выпадающего списка | contains, getAttribute, removeAttribute, scrollIntoView, setAttribute |
<р> | Задает текстовый абзац | click, contains, getAttribute, insertAd j acentHTML, insertAd j acentText, removeAt tribute, scrollIntoView, setAttribute |
<plaintext> | Устанавливает специализированное форматирование текста | click, contains, getAttribute, insertAdj acentHTML, ins ert Ad j acentText, removeAt tribute, scrollIntoView, setAttribute |
<pre> | Устанавливает специализированное форматирование текста | click, contains, getAttribute, insertAdj acentHTML, insert Adjacent Text, removeAt tribute, scrollIntoView, setAttribute |
<s> | Отображает зачеркнутый текст | click, contains, getAttribute, insert Adjacent HTML, insertAdj acentText, removeAt tribute, scrollIntoView, setAttribute |
<script> | Объявляет программу-скрипт, включенную в состав HTML-документа | contains, getAttribute, insertAdj acentHTML, insertAdj acentText, removeAttribute, setAttribute |
<select> | Создает орган ввода данных | add, blur, click, contains, focus, getAttribute, insertAdj acentHTML, insertAdj acentText, item, remove, removeAttribute, scrollIntoView, setAttribute, tags |
<small> | Уменьшает размер используемого шрифта | click, contains, getAttribute, insertAdj acentHTML, insert Adjacent Text, removeAttribute, scrollIntoView, setAttribute |
<span> | Применяется для группировки элементов Web-страницы | blur, click, contains, focus, getAttribute, insertAdj acentHTML, insertAdj acentText, removeAttribute, scrollIntoView, setAttribute |
<strike> | Отображает зачеркнутый текст | click, contains, getAttribute, insert Adjacent HTML, insertAdj acentText, removeAttribute, scrollIntoView, setAttribute |
<strong> | Отображает текст полужирным начертанием шрифта | click, contains, getAttribute, insertAd j acentHTML, insert Ad jacentText, removeAt tribute, scrollIntoView, setAttribute |
<style> | Создает таблицу стилей отображения | click, contains, getAttribute, insertAdj acentHTML, insert Ad jacentText, removeAt tribute, scrollIntoView, setAttribute |
<sub> | Устанавливает специализированное форматирование текста | click, contains, getAttribute, insertAdj acentHTML, insert Ad jacentText, removeAt tribute, scrollIntoView, setAttribute |
<sup> | Устанавливает специализированное форматирование текста | click, contains, getAttribute, insert Adjacent HTML, insert Ad jacentText, removeAt tribute, scrollIntoView, setAttribute
|
<table> | Создание таблицы | blur, click, contains, focus, getAttribute, insert Adjacent HTML, insertAdjacentText, nextPage, prevPage, refresh, removeAt tribute, scrollIntoView, setAttribute |
<tbody> | Обозначает основной раздел таблицы | click, contains, getAttribute, remove At tribute, scrollIntoView, setAttribute |
<td> | Объявляет ячейку таблицы | blur, click, contains, focus, getAttribute, insert Adjacent HTML, insertAdjacentText, removeAt tribute, scrollIntoView, setAttribute |
<textarea> | Создает многострочное поле текстового ввода | blur, click, contains, createTextrange, focus, getAttribute, insertAd j acentHTML, insertAdjacentText, removeAt tribute, scrollIntoView, select, setAttribute |
<tfoot> | Создает нижнюю часть таблицы | click, contains, getAttribute, removeAt tribute, scrollIntoView, setAttribute |
<th> | Объявляет строку заголовка таблицы | click, contains, getAttribute, removeAt tribute, scrollIntoView, setAttribute |
<thead> | Создает область заголовка таблицы | click, contains, getAttribute, removeAt tribute, scrollIntoView, setAttribute |
<title> | Применяется для создания заголовка HTML – документа | contains, getAttribute, removeAttribute, setAttribute |
<tr> | Объявляет строку таблицы | blur, click, contains, focus, getAttribute, removeAttribute, scrollIntoView, setAttribute |
<tt> | Устанавливает специализированное шрифтовое оформление | click, contains, getAttribute, insertAd j acentHTML, insert Ad jacentText, removeAttribute, scrollIntoView, setAttribute |
<u> | Отображает подчеркнутый текст | click, contains, getAttribute, insert Adjacent HTML, insert Ad jacentText, removeAttribute, scrollIntoView, setAttribute |
<ul> | Создает маркированный список | click, contains, getAttribute, insertAd j acentHTML, insert Ad jacentText, removeAttribute, scrollIntoView, setAttribute |
<var> | Устанавливает специализированное форматирование текста | click, contains, getAttribute, insert Adjacent HTML, insert Ad jacentText, removeAttribute, scrollIntoView, setAttribute |
Описание методов
add | Добавляет элемент в список или коллекцию |
addAmbient | Добавляет внешнее освещение в графический фильтр |
addCone | Добавляет конический источник света в графический фильтр |
addlmport | Подключает стилевую таблицу из файла, URL которого передается в метод как параметр, к текущему HTML-документу |
addPoint | Добавляет точечный источник света к действующему графическому фильтру |
addRule | Добавляет еще одно правило отображения к таблице стилей |
alert | Отображает окно сообщения |
apply | Применяет графический фильтр к объекту |
assign | Загружает HTML-документ, URL которого передан методу в качестве параметра |
back | Загружает предыдущий HTML-документ из списка посещенных Web-страниц |
blur | Удаляет фокус ввода с объекта |
changeColor | Изменяет цвет объекта |
changes trength | Изменить интенсивность светового освещения |
clear | Очищает содержимое объекта |
clear | Удаляет все источники света из графического фильтра |
clearlnterval | Сбрасывает таймер, заданный методом setlnterval |
clearTimeout | Сбрасывает таймер, заданный методом setTimeout |
click | Имитирует щелчок мыши на объекте и инициирует событие onclick |
close | Закрывает окно просмотра браузера |
collapse | Сворачивает текстовую область в точку |
compareEndPoints | Сравнивает две текстовые области |
confirm | Отображает окно с текстом и кнопками ОК и Cancel |
contains | Проверяет, включен ли в текущий объект другой объект, наименование которого передается методу в качестве параметра |
createRange | Создает копию выделенной части документа |
createTextRange | Создает область текста |
duplicate | Копирует текстовую область |
element FromPoint | Возвращает элемент, находящийся в точке, координаты которой переданы методу в качестве параметров |
empty | Очищает выделение |
execCommand | Выполняет заданную команду |
execScript | Выполняет заданный скрипт |
expand | Расширяет область текста, добавляя в нее новые фрагменты |
findText | Отыскивает текст, переданный в качестве параметра в содержимом документа |
focus | Переводит фокус ввода к данному объекту |
forward | Загружает в окно просмотра HTML-документ, который находится в списке посещенных страниц на одну позицию впереди текущего документа |
getAttribute | Возвращает значение параметра-атрибута текущего объекта, наименование которого передано методу в качестве параметра |
getBookmark | Возвращает строковое значение, определяющее закладку для локальной гиперссылки в данном объекте |
go | Загружает в окно просмотра браузера HTML-документ из списка посещенных Web-страниц, номер которого относительно текущего документа передан методу в качестве параметра |
inRange | Возвращает булево значение, которое указывает, находится ли текстовая область, переданная методу в качестве параметра, внутри исходной области |
insertAd j acentHTML | Вставляет внутрь текущего элемента HTML-код, переданный методу в качестве параметра. При этом, все теги адекватно обрабатываются браузером |
insertAdj acentText | Вставляет внутрь текущего элемента текст, переданный методу в качестве параметра. Если в переданном тексте имеются теги HTML, то они игнорируются браузером |
isEqual | Метод возвращает булеву величину, которая указывает, эквивалентна ли текстовая область, переданная методу в качестве параметра, исходной, к которой метод и применяется |
item | Метод возвращает объект, входящий в коллекцию под порядковым номером, который передается методу в качестве параметра
|
javaEnabled | Метод возвращает булево значение, которое показывает, включена или нет поддержка Java в данном браузере |
move | Перемещает границы текстовой области |
moveEnd | Перемещает конечную границу текстовой области |
moveStart | Перемещает начальную границу текстовой области |
moveLight | Перемещает источник света в графическом фильтре |
moveToBookmark | Перемещает границы текстовой области для включения в нее закладки, определенной при помощи метода getBookmark |
moveToElementText | Перемещает границы текстовой области таким образом, чтобы в нее вошел текст, находящийся в элементе Web-страницы, ссылка на который передана методу в качестве параметра |
moveToPoint | Перемещает текстовую область к точке, координаты которой переданы в качестве параметров, и сжимает область вокруг этой точки |
open | Открывает документ для записи в него нового содержимого при помощи методов write иwriteln |
open | Открывает новое окно браузера и загружает в него документ, URL которого передается в качестве параметра |
parentElement | Метод возвращает элемент Web-страницы, который является родительским по отношению к текстовой области |
pasteHTML | Вставляет HTML-код в текущую текстовую область |
play | Накладывает графический фильтр на содержимое Web-страницы |
PrevPage | Отображает предыдущую страницу в таблице |
prompt | Отображает окно ввода информации |
queryCommandEnabled | Возвращает булево значение, показывающее, доступна ли для выполнения команда, переданная методу в качестве параметра |
queryCoiranandlndeterm | Метод возвращает логическое значение True, если команда имеет неопределенный статус |
queryCommandState | Возвращает текущее состояние команды в настоящий момент времени |
queryCornmandSupported | Возвращает логическое значение, указывающее, поддерживается данная команда браузером или нет |
queryCornmandText | Возвращает строковое значение команды |
queryCommandValue | Возвращает значение команды |
refresh | Метод обновляет содержимое таблицы |
reload | Перезагружает текущую Web-страницу в окне просмотра |
remove | Удаляет из коллекции элемент с порядковым номером, переданным методу в качестве параметра |
removeAttribut | Удаляет из тега параметр-атрибут, имя которого передано методу в качестве параметра |
reset | Метод имитирует нажатие пользователем кнопки Reset, и порождает событие onreset |
scroll | Разворачивает окно просмотра браузера на заданную ширину и высоту, которые передаются методу в качестве параметра |
scrollIntoView | Прокручивает Web-страницу в окне просмотра браузера таким образом, чтобы элемент, к которому был применен данный метод, отображался в видимой зоне окна |
select | Делает выделенный пользователем участок содержимого Web-страницы равным текстовой области, к которой метод и применяется |
setAttribue | Добавляет в тег дополнительный параметр-атрибут и устанавливает его значение |
setEndPoint | Переносит одну из граничных точек текущей текстовой области в соответствующую граничную точку другой текстовой области, которая передана методу в качестве параметра |
setlnterval | Заставляет инструкцию, переданную методу в качестве параметра, периодически выполняться. Время периода повтора также передается методу как параметр |
setTimeout | Выполняет инструкцию один раз после истечения заданного времени |
showHelp | Отображает окно оперативной справки |
showModal Dialog | Отображает диалоговое окно |
stop | Принудительно прекращает динамическое действие графического фильтра |
submit | Имитирует нажатие пользователем кнопки Submit |
write | Добавляет в текущий документ HTML-код, переданный методу в качестве параметра |
writeln | Добавляет в текущий документ HTML-код, переданный методу в качестве параметра, и заканчивает его символом возврата каретки |
zOrder | Устанавливает z-индекс для вертикального псевдопозиционирования элементов |
Тэги и свойства
<а> | Гиперссылка | accessKey, className, dataFld, dataSrc, document, event, hash, host, hostname, href, id, innerText, isTextEdit, lang, language, methods, name, of f setheight, of fsetLeft, of fsetParent, of fsetTop, of fsetWidth, outerText, parentElement, parentTextEdit, pathname, port, protocol, rel, rev, search, sourcelndex, style, tagName, target, title, urn |
<address> | Специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of f setHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<applet> | Внедряет в состав Web-страницы java-апплет | accessKey, align, className, code, CodeBase, dataFld, dataSrc, disabled, document, hspace, id, isTextEdit, lang, language, name, of fsetHeight, of fsetlLeft, offsetparent, of fsetTop, of f setWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, src, style, tagName, title, vspace |
<area> | Создает активную область-гиперссылку в сегментированной графике | ALT, className, coords, document, event, hash, host, hostname, href, id, isTextEdit, lang, language, noHref, of fsetHeight, of fsetlLeft, offsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, pathname, port, protocol, search, shape, sourcelndex, style, tagName, target, title |
<b> | Выделяет текст полужирным шрифтом | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, offsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, sourcelndex, style, tagName, title |
<base> | Указывает URL основного документа | className, document, href, id, isTextEdit, lang, outerHTML, outerText, parentElement, parenttextEdit, sourcelndex, tagName, target, title |
<basefont> | Устанавливает шрифт, используемый по умолчанию | className, color, document, face, id, isTextEdit, outerHTML, outerText, parentElement, parentTextEdit, size, sourcelndex, tagName, title |
<bgsound> | Задает фоновый звук | balance, className, document, id, isTextEdit, loop, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, src, style, tagName, title, volume |
<big> | Увеличивает размер шрифта на единицу | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, offsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<blockquote> | Специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of f setWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<body> | Определяет содержательную часть Web-страницы | accessKey, alinkColor, background, bgColor, bgProperties, bottomMargin, className, clientHeight, clientWidth, document, event, id, innerHTML, innerText, isTextEdit, lang, language, leftMargin, linkColor, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, rightmargin, scroll, scrollHeight, scrollLeft, scrollTop, scrollWidth, sourcelndex, style, tagName, text, title, topMargin, vlinkColor |
<br> | Принудительный обрыв строки | className, clear, document, id, isTextEdit, language, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<button> | Создает кнопку | accessKey, className, dataFld, dataFormatAs, dataSrc, disabled, document, event, form, id, innerHTML, innerText, isTextEdit, lang, language, name, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, status, style, tagName, title, type, value |
<caption> | Создает заголовок таблицы | align, className, clientHeght, clientWidth, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title, vAlign |
<center> | Центрирует блок содержимого | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of f setHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<cite> | Специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of f setHeight, of fsetlLeft, of fsetparent, offsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<code> | Специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, offsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<col> | Определяет столбец таблицы | align, className, document, event, id, isTextEdit, parentElement, parentTextEdit, span, style, tagName, title, vAlign |
<colgroup> | Объявляет группу столбцов таблицы | align, className, document, id, isTextEdit, parentElement, parentTextEdit, span, style, tagName, title, vAlign |
<dd> | Элемент списка | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, offsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<dfn> | Специализированное форматирование текста % | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, offsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<div> | Группировка элементов содержимого Web-страницы | align, className, clientHeght, clientWidth, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of f setWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<dl> | Создание списка | className, compact, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, offsetparent, offsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<dt> | Создание элемента списка | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, offsetlLeft, offsetparent, offsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<em> | Специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, offsetlLeft, offsetparent, offsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<embed> | Внедрение в состав содержимого Web-страницы объектов различных типов | accessKey, align, className, clientHeight, clientWidth, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, offsetlLeft, offsetparent, offsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, recordNumber, scrollHeight, scrollLeft, scrollTop, SHcrollWidth, sourcelndex, style, tablndex, tagName, title |
<font> | Определение шрифта для отображения текста | className, color, document, event, face, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, size, sourcelndex, style, tagName, title |
<form> | Определяет форму в HTML-документе | action, className, document, encoding, event, id, innerHTML, innerText, isTextEdit, lang, language, method, name, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tnagName, target, title |
<frame> | Создает отдельный фрейм | borderColor, className, document, dataFld, dataSrc, event, frameBorder, height, id, isTextEdit, lang, language, marginHeight, marginWidth, name, noResize, parentElement, parentTextEdit, sourcelndex, src, style, tagName, title |
<frameset> | Определяет фреймовую структуру | border, borderColor, className, cols, document, frameBorder, frameSpacing, id, isTextEdit, lang, language, parentElement, parentTextEdit, rows, sourcelndex, style, tagName, title |
<head> | Объявляет заголовок документа | className, document, id, isTextEdit, parentElement, sourcelndex, tagName, title |
<hl> – <h6> | Создают заголовки | align, className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, offsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<hr> | Отображает горизонтальную линию | align, className, color, document, event, id, isTextEdit, lang, language, noShade, of f setHeight, of fsetlLeft, of f setparent, of fsetTop, of f setWidth, outerHTML, outerText, parentElement, parentTextEdit, size, sourcelndex, style, tagName, title, width |
<html> | Объявляет содержимое на языке HTML | className, document, id, isTextEdit, language, parentElement, sourcelndex, style, tagName, title |
<i> | Выделяет текст курсивом | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of f setHeight, of fsetlLeft, of f setparent, of fsetTop, of f setWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<if rame> | Вставляет плавающий фрейм | align, border, borderColor, className, dataFld, dataSrc, document, event, f rameBorder, f rameSpacing, height, hspace, id, innerHTML, innerText, isTextEdit, lang, language, marginHeight, marginWidth, name, noResize, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of f setWidth, outerHTML, outerText, parentElement, parentTextEdit, scrolling, sourcelndex, src, style, tagName, title, vspace, width |
<irag> | Вставляет графическое изображение | align, ALT, border, className, dataFld, dataSrc, document, dynsrc, event, height, hspace, id, isMap, isTextEdit, lang, language, loop, lowsrc, name, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of f setWidth, outerHTML, outerText, parentElement, parentTextEdit, readyState, SHcrollHeight, scrollLeft, scrollTop, scrollWidth, src, start, sourcelndex, style, tagName, title, useMap, vspace, width |
<input> | Создает орган ввода информации | accesskey, checked, className, dataFld, dataSrc, dataFormatAs, def aultChecked, defaultValue, disabled, document, event, form, id, indeterminate, innerHTML, innerText, isTextEdit, lang, language, maxLength, name, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, readonly, recordNumber, size, sourcelndex, src, status, style, tablndex, tagName, title, type, value |
<kbd> | Специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<label> | Создает текстовую метку для некоторых органов ввода информации | accessKey, className, document, event, htmlFor, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<li> | Создает элемент списка | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title, type, value |
<link> | Объявляет связь между различными HTML-документами | className, disabled, document, href, id, parentElement, readyState, rel, sourcelndex, style, tagName, title, type |
<listing> | Специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of f setHeight, of fsetlLeft, of f setparent, of f setTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<map> | Создает карту сегментированной графики | className, document, event, ind, innerHTML, innerText, isTextEdit, lang, пяате, of f setHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<meta> | Объявляет мета-переменную в HTML-документе | charset, className, content, document, httpEquiv, id, isTextEdit, lang, name, parentElement, parentTextEdit, sourcelndex, tagName, title, url |
<object> | Внедряет какой-либо объект в HTML-документ | accessKey, align, classid, className, code, CodeBase, codeType, data, dataFld, dataSrc, disabled, document, event, height, id, isTextEdit, lang, language, name, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, readyState, sourcelndex, style, tablndex, tagName, title, type, width |
<ol> | Создает нумерованный список | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, onf fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, start, style, tagName, title, type |
<option> | Создает элемент выпадающего списка | className, document, event, id, isTextEdit, language, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, selected, sourcelndex, style, tagName, text, title. Value |
<р> | Задает текстовый абзац | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of f setlLef t, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<plaintext> | Устанавливает специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<pre> | Устанавливает специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, offsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<s> | Отображает зачеркнутый текст | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, offsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<script> | Объявляет программу-скрипт, включенную в состав HTML-документа | className, document, event, htmlFor, id, innerHTML, innerText, isTextEdit, outerHTML, outerText, parentElement, parentTextEdit, readyState, sourcelndex, src, style, tagName, text, title |
<select> | Создает орган ввода данных | accessKey, className, dataFld, dataSrc, disabled, document, event, form, id, isTextEdit, lang, language, length, multiple, name, of fsetHeight, of fsetlLeft, offsetparent, of fsetTop, offsetWidth, outerHTML, outerText, parentElement, parentTextEdit, recordNumber, selectedlndex, size, sourcelndex, style, tablndex, tagName, title, type, value |
<small> | Уменьшает размер используемого шрифта | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of f setHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<span> | Применяется для группировки элементов Web-страницы | className, dataFld, dataSrc, dataFormatAs, document, event, id, innerText, isTextEdit, lang, language, of f setHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerText, parentElement, parentTextEdit, scrollHeight, scrollLeft, scrollTop, scrollWidth, sourcelndex, style, tagName, title |
<strike> | Отображает зачеркнутый текст | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of f setHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<strong> | Отображает текст полужирным начертанием шрифта | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<style> | Создает таблицу стилей отображения | className, disabled, document, id, isTextEdit, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, parentElement, parentTextEdit, readyState, sourcelndex, style, tagName, title |
<sub> | Устанавливает специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<small> | Уменьшает размер используемого шрифта | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of f setHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<span> | Применяется для группировки элементов Web-страницы | className, dataFld, dataSrc, dataFormatAs, document, event, id, innerText, isTextEdit, lang, language, of f setHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerText, parentElement, parentTextEdit, scrollHeight, scrollLeft, scrollTop, scrollWidth, sourcelndex, style, tagName, title |
<strike> | Отображает зачеркнутый текст | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of f setHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<strong> | Отображает текст полужирным начертанием шрифта | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<style> | Создает таблицу стилей отображения | className, disabled, document, id, isTextEdit, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, parentElement, parentTextEdit, readyState, sourcelndex, style, tagName, title |
<sub> | Устанавливает специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<sup> | Устанавливает специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of f setparent, offsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<table> | Создание таблицы | align, background, bgColor, border, borderColor, borderColorDark, borderColorLight, cellPadding, cellspacing, className, clientHeight, clientWidth, cols, dataFld, dataPageSize, dataSrc, document, event, frame, height, id, innerText, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of f setparent, offsetTop, of fsetWidth, outerText, parentElement, parentTextEdit, rules, scrollHeight, scrollLeft, scrollTop, scrollWidth, sourcelndex, style, tagName, title, width |
<tbody> | Обозначает основной раздел таблицы | align, bgColor, className, document, event, id, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of f setparent, offsetTop, of fsetWidth, parentElement, parentTextEdit, sourcelndex, style, tagName, title, vAlign |
<td> | Объявляет ячейку таблицы | align, background, bgColor, borderColor, borderColorDark, borderColorLight, className, clientheight, clientWidth, colSpan, document, event, height, id, innerText, isTextEdit, lang, language, noWrap, of fsetHeight, of fsetlLeft, of fsetparent, offsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, rowSpan, sourcelndex, style, tagName, title, vAlign, width |
<textarea> | Создает многострочное поле текстового ввода | accesskey, className, clientHeight, clientWidth, cols, dataFld, dataSrc, disabled, document, event, form, id, innerText, isTextEdit, lang, language, name, of fsetHeight, of fsetlLeft, of f setparent, of fsetTop, of fsetWidth, outerText, parentElement, parentTextEdit, readonly, rows, scrollHeight, scrollLeft, scrollTip, scrollWidth, sourcelndex, status, style, tablndex, tagName, title, type, value, wrap |
<tfoot> | Создает нижнюю часть таблицы | align, bgColor, className, document, event, id, isTextEdit, lang, language, of fsetHeight, onf fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, parentElement, parentTextEdit, sourcelndex, style, tagName, title, vAlign |
<th> | Объявляет строку заголовка таблицы | align, background, bgcolor, borderColor, borderColorDark, borderColorLight, className, colSpan, document, event, id, isTextEdit, lang, language, noWrap, of fsetHeight, of fsetlLeft, offsetparent, of fsetTop, of fsetWidth, parentElement, parentTextEdit, rowSpan, sourcelndex, style, tagName, title, vAlign |
<thead> | Создает область заголовка таблицы | align, bgColor, className, document, event, id, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, offsetparent, of fsetTop, of fsetWidth, parentElement, parentTextEdit, sourcelndex, style, tagName, title, vAlign |
<title> | Задает заголовок документа | className, document, id, isTextEdit, lang, parentElement, parentTextEdit, sourcelndex, tagName, title |
<tr> | Объявляет строку таблицы | align, bgColor, borderColor, border Co lor Dark, border Col or Light, className, document, event, id, isTextEdit, lang, language, of fsetHeight, of fsetlLeft, of fsetparent, of fsetTop, of fsetWidth, parentElement, parentTextEdit, sourcelndex, style, tagName, title, vAlign |
<tt> | Устанавливает специализированное шрифтовое осрормление | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, offsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<u> | Отображает подчеркнутый текст | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, offsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
<ul> | Создает маркированный список | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, offsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title, type |
<var> | Устанавливает специализированное форматирование текста | className, document, event, id, innerHTML, innerText, isTextEdit, lang, language, of fsetHeight, offsetlLeft, of fsetparent, of fsetTop, of fsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourcelndex, style, tagName, title |
Описание свойств
accessKey | Задает "горячую клавишу" для быстрой установки фокуса ввода на элемент |
action | Указывает адрес приложения или документа, обрабатывающего данные, передаваемые формой |
activeElement | Идентификатор активного элемента |
align | Задает выравнивание элемента |
alinkColor | Указывает цвет отображения активных ссылок на странице |
alt | Задает текст, заменяющий графическое изображение |
AltKey | Указывает состояние клавиши ALT |
appCodeName | Содержит кодовое наименование движка браузера, в котором отображается текущая Web-страница |
appName | Содержит краткое наименование браузера, в котором отображается текущая Web-страница |
appVersion | Содержит номер версии используемого пользователем браузера |
background | Задает графическое изображение или цвет, используемое в качестве фона для данного элемента |
backgroundAttachment | Задает алгоритм отображения фоновой картинки при прокручивании содержимого Web-страницы в окне просмотра браузера |
backgroundColor | Указывает фоновый цвет элемента |
backgroundlmage | Содержит URL графического файла с изображением, использующимся в качестве фона для элемента |
backgroundPosition | Задает координаты расположения фонового изображения |
backgroundPositionX | Содержит горизонтальную координату левого верхнего угла фонового изображения относительно левого верхнего угла элемента, содержащего ее |
backgroundPositionY | Содержит вертикальную координату левого верхнего угла фонового изображения относительно левого верхнего угла элемента, содержащего ее |
backgroundRepeat | Задает алгоритм повтора фоновой картинки |
balance | Указывает соотношение громкости левого и правого каналов для фоновой музыки |
bgColor | Задает цвет фона элемента |
bgProperties | Предоставляет доступ к свойствам фонового изображения |
body | Содержит весь HTML-код, заключенный между тегами <body> и </body>. Имеет статус "только для чтения" |
border | Задает тип рамки вокруг элемента |
borderBottom | Задает тип нижней границы элемента |
borderBottomColor | Указывает цвет нижней границы элемента |
borderBottomStyle | Устанавливает стиль отображения нижней границы элемента |
borderBottomWidth | Задает ширину нижней границы элемента |
borderColor | Позволяет устанавливать цвет рамки вокруг элемента |
borderColorDark | Устанавливает цвет "темной половины" рамки, т. е. нижней и правой границ |
border Co lor Light | Устанавливает цвет "светлой половины" рамки, т. е. верхней и левой границ |
BorderLeft | Задает тип левой границы элемента |
border Left Color | Указывает цвет левой границы элемента |
borderLeftStyle | Устанавливает стиль отображения левой границы элемента |
borderLeftWidth | Задает ширину левой границы элемента |
BorderRight | Задает тип правой границы элемента |
borderRight Color | Указывает цвет правой границы элемента |
borderRight Style | Устанавливает стиль отображения правой границы элемента |
borderRightWidth | Задает ширину правой границы элемента |
borderStyle | Устанавливает стиль отображения всех четырех границ элемента |
BorderTop | Задает тип верхней границы элемента |
borderTopColor | Указывает цвет верхней границы элемента |
borderTopStyle | Устанавливает стиль отображения верхней границы элемента |
borderTopWidth | Задает ширину верхней границы элемента |
borderWidth | Устанавливает ширину всех четырех границ элемента |
bottomMargin | Задает нижнее поле элемента |
button | Указывает состояние кнопок мыши при возникновении соответствующих событий |
cancelBubble | Регулирует передачу события вверх по объектной иерархии |
cellPadding | Задает расстояние между содержимым ячейки и ее границей |
cellspacing | Устанавливает расстояние между ячейками в таблице |
charset | Содержит наименование используемой кодировки символов |
checked | Указывает, что тот или иной независимый или зависимый переключатель отмечены пользователем |
classid | Содержит идентификатор класса объекта, применяемого для установки связи с одним из селекторов используемой стилевой таблицы |
className | Задает класс (а не идентификатор) стилевой таблицы, связанной с данным тегом |
clear | Устанавливает более точное позиционирование текста после графического объекта |
client | Возвращает объект navigator для браузера |
clientHeight | Содержит высоту элемента без служебных элементов (поля, полосы прокрутки, границы и пр.) |
clientwidth | Содержит ширину элемента, исключая служебные элементы |
clientX | Возвращает горизонтальную координату элемента без служебных дополнений |
clientY | Возвращает вертикальную координату элемента без служебных дополнений |
clip | Определяет порядок отображения содержимого, большего по размерам, нежели отображаемая область элемента |
closed | Указывает, закрыто ли текущее окно просмотра |
CodeBase | Содержит URL кода внедряемого объекта |
codeType | Указывает тип кода для внедряемого объекта |
color | Задает цвет элемента |
colorDepth | Указывает число бит на символ, которое регулирует количество отображаемых цветов |
cols | Число столбцов в таблице или наборе фреймов |
colSpan | Число столбцов, объединенных данной ячейкой таблицы |
compact | Задает компактную модель отображения списков |
complete | Сигнализирует о полной загрузке содержимого страницы |
content | Содержимое мета-переменной пользователя или заголовка протокола HTTP в теге <meta> |
cookie | Содержит строку cookie-информации, хранящейся в локальной системе удаленного пользователя |
cookieEnabled | Определяет, разрешает ли браузер пользователя использование cookie-информации |
coords | Содержит координаты углов активной области сегментированной графики |
cssText | Содержит значение параметра style для искомого тега. |
CTRLKey | Определяет состояние клавиши CTRL при обработке событий |
cursor | Определяет внешний вид курсора мыши |
data | Содержит URL объекта, содержащего данные, отображаемые объектом |
dataFld | Определяет поле источника данных, данные из которого отображаются в элементе |
data Format As | Указывает формат данных, получаемых из источника |
dataSrc | Указывает источник данных, отображаемых элементом |
default Checked | Содержит логическое значение, указывающее, находится ли объект в исходном состоянии, определяемом по умолчанию |
defaultStatus | Устанавливает строку, отображаемую в строке статуса браузера по умолчанию |
def aultValue | Содержит текст, отображаемый в элементе по умолчанию |
dialogArguments | Содержит список аргументов, передаваемых диалоговому окну |
dialogHeight | Содержит значение, указывающее высоту диалогового окна |
dialogLeft | Задает горизонтальную координату верхнего левого угла диалогового окна |
dialogTop | Задает вертикальную координату верхнего левого угла диалогового окна |
dialogWidth | Содержит значение, указывающее ширину диалогового окна |
disabled | Содержит логическое значение, указывающее, является ли доступным данный элемент |
display | Указывает, будет ли отображаться данный элемент |
document | Свойство объекта window, ссылающееся на объект document |
domain | Содержит доменное имя сайта, с которого был загружен текущий элемент |
duration | Задает временной интервал смены графического фильтра |
dynsrc % | Задает URL видеоклипа, отображаемого в HTML-документе |
encoding | Содержит тип кодировки, в которой отправляются данные из формы на сервер |
hspace | Задает величину горизонтального отступа между текущим и соседними элементами |
html For | Ссылается на элемент, с которым связан выполняемый скрипт |
htmlText | Возвращает HTML-код содержимого объекта TextRange |
id | Содержит уникальный идентификатор элемента |
indeterminate | Указывает, является ли недоступным для использования элемент ввода данных |
innerHTML | Содержит HTML-код, находящийся между открывающим и закрывающим тегами данного элемента |
innerText | Содержит текст, находящийся между открывающим и закрывающим тегами данного элемента |
isTextEdit | Содержит логическое значение, указывающее, может ли данный элемент служить в качестве базы для создания на его основе объекта TextRange |
keyCode | Содержит код нажатой клавиши |
lang | Наименование применяемого языка программирования скриптов по версии ISO |
language | Содержит наименование применяемого языка программирования скриптов |
lastModified | Содержит текстовую строку, в которой указывается дата последнего изменения содержимого страницы |
left | Задает горизонтальную координату верхнего левого угла элемента |
leftMargin | Задает величину левого поля для данного элемента |
length | Указывает количество элементов в коллекции |
letterSpacing | Задает величину межбуквенного интервала |
lineHeight | Устанавливает междустрочный отступ |
linkColor | Содержит цвет обычных гиперссылок, размещенных на Web-странице |
listStyle | Задает стиль отображения списка |
event | Ссылка на объект event |
face | Задает вид шрифта, используемого для отображения текста |
fgcolor | Содержит обозначение цвета, используемого для отображения содержимого элемента |
filter | Задает применяемый к данному элементу графический фильтр |
font | Содержит перечень атрибутов применяемого шрифта |
fontFamily | Устанавливает наименования используемых шрифтов |
fontSize | Задает размер используемого шрифта |
fontStyle | Указывает начертание применяемого шрифта |
fontVariant | Задает способ отображения символов шрифта |
fontWeight | Устанавливает ширину символов применяемого шрифта |
form | Указывает на форму, в которой находится искомый элемент |
frame | Ссылается на одноименный объект |
frameBorder | Устанавливает вид границ фрейма |
frameSpacing | Задает размер отступа между фреймами |
fromElement | Содержит имя элемента, с которого ушел курсор мыши при инициировании соответствующих событий |
hash | Часть URL, находящаяся после символа "#" |
height | Содержит высоту элемента или разрешение экрана, удаленного пользователя в пикселах |
hidden | Указывает, является ли данный элемент скрытым или нет |
history | Ссылается на одноименный объект |
host | Содержит доменное имя и номер порта сервера, с которого был загружен данный документ |
hostname | Содержит доменное имя сайта, с которого получен HTML – документ |
href | Содержит полный URL HTML-документа, загруженного в данное окно просмотра |
noWrap | Указывает, разрешено ли браузеру переносить текст на другие строки, если тот в виде одной строки выходит за предопределенные размеры элемента |
object | Содержит ссылку на объект, внедренный в состав содержимого Web-страницы |
offsetHeight | Содержит высоту содержимого элемента, включая и ту его часть, которая может быть не видна в данный момент |
offsetLeft | Указывает горизонтальную координату верхнего левого угла содержимого элемента, даже в том случае, если в текущий момент этот угол не виден, и доступ к нему может быть осуществлен при помощи полос прокрутки |
offsetParent | Указывает координаты элемента, являющегося родительским, по отношению к текущему |
offsetTop | Указывает вертикальную координату верхнего левого угла содержимого элемента, даже в том случае, если в текущий момент этот угол не виден, и доступ к нему может быть осуществлен при помощи полос прокрутки |
offsetWidth | Содержит ширину содержимого элемента, включая и ту его часть, которая может быть не видна в данный момент |
offsetX | Указывает горизонтальную координату курсора мыши относительно левого верхнего угла элемента, в котором он находился в момент возникновения обрабатываемого события |
offsetY | Указывает горизонтальную координату курсора мыши относительно левого верхнего угла элемента, в котором он находился в момент возникновения обрабатываемого события |
opener | Содержит ссылку на окно, из которого было открыто текущее окно просмотра |
outerHTML | Содержит HTML-код всего элемента, включая открывающий и закрывающий теги |
outerText | Предоставляет доступ к текстовому содержимому элемента, включая стартовый и закрывающий теги |
overflow | Определяет порядок отображения текста, выходящего за пределы элемента, в котором он содержится |
padding | Задает размер расстояния между содержимым элемента и его рамкой |
paddingBottom | Устанавливает размер расстояния между содержимым элемента и нижней его границей |
paddingLeft | Устанавливает размер расстояния между содержимым элемента и левой его границей |
paddingRight | Устанавливает размер расстояния между содержимым элемента и правой его границей |
paddingTop | Устанавливает размер расстояния между содержимым элемента и его верхней границей |
pageBreakAfter | Создает разрыв текстового раздела на странице после текущего элемента |
pageBreakBefore | Создает разрыв текстового раздела на странице перед текущим элементом |
palette | Ссылается на цветовую палитру, установленную для отображения внедренного объекта |
parent | Ссылка на родительский фрейм или окно просмотра |
parentStyleSheet | Указывает на родительскую таблицу стилевого оформления |
parentTextEdit | Ссылается на родительский объект, который может быть использован в качестве базы для создания объекта TextRange |
parentWindow | Ссылается на родительское окно просмотра |
pathname | Задает имя файла, расположенное в URL после доменного имени сайта |
pixelHeight | Содержит числовое значение, указывающее высоту элемента в пикселах |
pixelLeft | Содержит числовое значение горизонтальной координаты элемента |
pixelTop | Содержит числовое значение вертикальной координаты элемента |
pixelWidth | Содержит числовое значение, указывающее ширину элемента в пикселах |
plugins | Ссылка на коллекцию подключенных к браузеру внешних модулей, предназначенных для отображения встроенных объектов |
port | Номер порта в URL документа, на котором функционирует Web-сервер, с которого и был получен данный документ |
posHeight | Содержит значение высоты элемента в единицах измерения, которые использовались последний раз |
position | Определяет тип позиционирования элемента |
posLeft | Содержит значение горизонтальной координаты верхнего левого угла элемента в единицах измерения, которые использовались последний раз |
posTop | Содержит значение вертикальной координаты верхнего левого угла элемента в единицах измерения, которые использовались последний раз |
posWidth | Содержит значение ширины элемента в единицах измерения, которые использовались последний раз |
protocol | Стартовая часть URL, в которой указан протокол, использовавшийся для получения данного документа |
readonly | Указывает, что содержимое элемента предназначается только для чтения, и не может быть модифицировано |
readyState | Указывает текущее состояние загружаемого объекта |
reason | Содержит значение, сигнализирующее об успешности загрузки содержимого элемента |
recordNumber | Содержит номер записи в таблице, связанной с источником данных |
recordSet | Ссылается на набор записей в элементе, если тот связан с каким-либо источником данных |
ref | Содержит значение, указывающее, является ли данный элемент URL-адресом |
referrer | URL-адрес документа, по ссылке из которого был загружен текущий документ |
rel | Определяет назначение документа, на который указывает элемент-гиперссылка |
returnValue | Задает возвращаемое значение |
rows | Число строк в таблице или наборе фреймов |
rowSpan | Содержит число строк таблицы, объединяемых ячейкой |
screen | Ссылается на объект screen |
screenX | Содержит горизонтальную координату курсора мыши в пикселах, относительно самого экрана |
screenY | Содержит вертикальную координату курсора мыши в пикселах, относительно самого экрана |
scroll | Управляет отображением полос прокрутки |
scrollHeight | Высота видимого содержимого элемента в пикселах |
scrolling | Управляет возможностью прокручивания содержимого фрейма в окне просмотра |
scrollLeft | Содержит расстояние в пикселах от левого края содержимого элемента до левого края видимой области элемента |
scrollTop | Содержит расстояние в пикселах от верхней границы содержимого элемента до верхнего края видимой области элемента |
scrollWidth | Ширина видимого содержимого элемента в пикселах |
search | Строка запроса в URL, расположенная после знака ? |
selected | Указывает, что данный элемент выпадающего списка является выбранным по умолчанию |
selectedlndex | Содержит в качестве значения число, являющееся порядковым номером выбранного элемента в списке |
selection | Ссылается на одноименный объект selection |
self | Ссылается на текущее окно просмотра |
shape | Устанавливает форму активной области сегментированной графики |
shif tKey | Указывает состояние клавиши SHIFT в момент обработки события |
size | Задает размер элемента |
sourcelndex | Содержит число, являющееся порядковым номером элемента в коллекции all |
span | Определяет количество столбцов таблицы, объединяемых элементом colgroup |
src | Содержит URL внешнего файла, в котором находится содержимое элемента |
srcElement | Указывает элемент, в котором было изначально инициировано обрабатываемое событие |
srcFilter | Указывает, какой фильтр инициировал событие onfilterchange |
start | Указывает номер первого элемента списка |
status | Содержит текст, отображающийся в строке статуса браузера |
style | Определяет стиль, применяемый к элементу |
styleFloat | Задает порядок обтекания элементом иных объектов содержимого Web-страницы |
tablndex | Содержит порядковый номер элемента в последовательности органов управления и ввода информации, перемещение между которыми осуществляется при помощи клавиши табуляции |
tagName | Содержит наименование тега, при помощи которого реализуется искомый элемент |
target | Указывает наименование окна или фрейма, в котором будет отображаться HTML-документ |
text | Устанавливает цвет, которым будет отображаться текст |
textAlign | Задает выравнивание текста |
text Decoration | Устанавливает эффект отображения текста |
textDecorationLineThrough | Указывает механизм зачеркивания текста |
textlndent | Задает отступ для первой строки абзаца |
textTransform | Задает порядок отображения символов текста |
title | Содержит краткое наименование или описание элемента, которое обычно отображается в виде подсказки-хинта |
toElement % | Содержит наименование элемента, на который попадает курсор мыши при возникновении событий onmouseover и onmouseout |
top | Задает вертикальную координату верхней границы элемента |
topMargin | Устанавливает размер верхнего поля элемента |
type | Устанавливает тип создаваемого элемента ввода данных |
update Interval | Сообщает частоту обновлений экрана системы удаленного пользователя |
url | Содержит URL документа |
userAgent | Содержит HTTP-заголовок, который инициирует обмен данными между удаленным пользователем и сервером |
vAlign | Определяет вертикальное выравнивание элемента |
value | Содержит текст или значение, отображаемое по умолчанию в органах управления и ввода информации |
verticalAlign | Управляет вертикальным выравниванием элемента при помощи средств CSS |
visibility | Определяет видимость элемента |
vlinkColor | Задает цвет гиперссылок, посещенных данным удаленным пользователем |
vspace | Устанавливает размер отступа по вертикали между соседними элементами |
width | Задает ширину элемента |
width | Указывает горизонтальное разрешение экрана системы удаленного пользователя |
window | Содержит ссылку на окно просмотра, в котором отображается данный HTML-документ |
wrap | Определяет порядок разрыва строк в случаях, когда те по своим размерам превосходят элемент, в котором они содержатся |
X | Содержит горизонтальную координату курсора мыши в момент обработки какого-либо события |
Y | Содержит вертикальную координату курсора мыши в момент обработки какого-либо события |
z-index | Содержит координату вертикального псевдопозиционирования элемента |
Свойства объекта style
background | Задает URL графического изображения, использующегося в качестве фона для элемента |
backgroundAttachment | Определяет механизм прокручивания фонового изображения вместе с содержимым элемента |
backgroundColor | Задает цвет фона |
background Image | Содержит URL графического изображения, используемого в качестве фона |
backgroundPosition | Определяет координаты левого верхнего угла фонового изображения |
backgoundPositionX | Устанавливает горизонтальную координату верхнего левого угла фонового рисунка |
backgoundPositionY | Устанавливает вертикальную координату верхнего левого угла фонового рисунка |
backgroundRepeat | Задает механизм повторения фонового изображения на пространстве, занимаемом элементом, если это пространство больше по размерам, чем применяемое графическое изображение |
border | Задает стиль отображения границы вокруг элемента |
borderBottom | Определяет параметры отображения нижней границы элемента |
borderBottomColor | Задает цвет нижней границы элемента |
borderBottomStyle | Задает стиль линии нижней границы элемента |
borderBottomWidth | Устанавливает ширину нижней границы элемента |
borderColor | Задает цвет границы элемента |
BorderLeft | Определяет параметры отображения левой границы элемента |
border LeftColor | Задает цвет левой границы элемента |
borderLeftStyle | Задает стиль линии левой границы элемента |
borderLeftWidth | Устанавливает ширину левой границы элемента |
borderRight | Определяет параметры отображения правой границы элемента |
border Right Color | Задает цвет правой границы элемента |
borderRight Style | Задает стиль линии правой границы элемента |
borderRightWidth | Устанавливает ширину правой границы элемента |
borderStyle | Указывает стиль линий границы элемента |
borderTop | Определяет параметры отображения верхней границы элемента |
borderTopColor | Задает цвет верхней границы элемента |
borderTopStyle | Задает стиль линии верхней границы элемента |
borderTopWidth | Устанавливает ширину верхней границы элемента |
borderWidth | Указывает ширину границы элемента |
clear | Указывает порядок позиционирования и выравнивания содержимого элемента |
clip | Задает порядок отображения содержимого элемента, если оно по размерам превосходит пространство, отведенное элементу в окне просмотра браузера |
color | Задает цвет элемента |
cssText | Содержит текстовое значение атрибута style, внедренного в тег |
cursor | Задает тип курсора мыши, который будет отображаться в то время, когда он будет находиться над элементом |
display | Определяет, будет или нет отображаться данный элемент в окне просмотра браузера |
filter | Указывает на набор всех графических фильтров, которые применялись к данному элементу |
font | Задает свойства шрифта, которым будет отображаться текстовое содержимое элемента |
font Family | Устанавливает шрифт, которым будет отображаться текст |
fontSize | Задает размер используемого шрифта |
fontStyle | Указывает начертание применяемого шрифта |
fontVariant | Задает способ отображения строчных символов |
fontWeight | Устанавливает ширину линий, которыми отображаются символы шрифта |
height | Задает высоту элемента |
left | Устанавливает горизонтальную координату верхнего левого угла элемента |
letterSpacing | Задает межсимвольное расстояние |
lineHeight | Устанавливает межстрочный интервал |
listStyle | Указывает способ отображения элементов списка |
listStylelmage | Задает графическое изображение для создания маркера |
listStyle Position | Устанавливает расположение маркеров элементов списка |
listStyleType | Указывает, какой тип стандартных маркеров будет использоваться в данном элементе |
margin | Определяет внешний вид полей элемента |
marginBottom | Задает размеры нижнего поля элемента |
MarginLeft | Задает размеры левого поля элемента |
MarginRight | Задает размеры правого поля элемента |
marginTop | Задает размеры верхнего поля элемента |
overflow | Определяет правило отображения содержимого элемента, переполняющего выделенное для него пространство |
paddingBottom | Определяет размер отступа между содержимым элемента и его нижней границей |
paddingLeft | Определяет размер отступа между содержимым элемента и его левой границей |
paddingRight | Определяет размер отступа между содержимым элемента и его правой границей |
paddingTop | Определяет размер отступа между содержимым элемента и его верхней границей |
pageBreakAfter | Устанавливает разрыв страницы перед элементом |
pageBreakBefore | Устанавливает разрыв страницы после элемента |
pixelHeight | Содержит численное значение высоты элемента в пикселах |
pixelLeft | Содержит численное выражение горизонтальной координаты верхнего левого угла элемента в пикселах |
pixelTop | Содержит численное выражение вертикальной координаты верхнего левого угла элемента в пикселах |
pixelWidth | Содержит численное значение ширины элемента в пикселах |
position | Определяет применяемую модель позиционирования элемента |
posLeft | Содержит числовое значение горизонтальной координаты левого верхнего угла элемента в единицах измерения, заданных в последнюю очередь |
posTop | Содержит числовое значение вертикальной координаты левого верхнего угла элемента в единицах измерения, заданных в последнюю очередь |
posWidth | Содержит числовое значение ширины элемента в единицах измерения, заданных в последнюю очередь |
styleFloat | Задает стиль расположения содержимого элемента |
textAlign % | Устанавливает выравнивание текстового содержимого элемента |
text Decor at ion | Устанавливает способ отображения текста |
textlndent | Устанавливает отступ первой строки абзаца |
textTransform | Задает стиль отображения различных регистров шрифта |
top | Содержит вертикальную координату верхнего левого угла элемента |
verticalAlign | Задает вертикальное выравнивание элемента |
visibility | Регулирует видимость данного элемента |
width | Задает ширину элемента |
zlndex | Устанавливает псевдовертикальное позиционирование элемента |
Массивы
оригинал:http://javascript.ru/basic/array
Javascript поддерживает два вида структуры "массив":
Ассоциативный массив (хеш), где данные хранятся по произвольному ключу. (Об этом читайте в разделе Объекты.)
Числовой массив Array, где данные хранятся по номерам. Он описан в этой статье.
Javascript - очень гибкий язык, поэтому технически в Array можно хранить произвольные ключи, как в Object. Но лучше использовать типы по назначению.
Для хранения данных по номеру предназначен тип Array.
var arr = new Array() arr.test = 5 arr[1] = "blabla"
В типе Array есть специальные методы, ориентированные именно на работу с числовыми ключами.
Создание и изменение
Есть два эквивалентных способа создания массива:
var a = new Array() var a = []
Или, сразу со значениями
var a = new Array("a", 1, true) var a = ["a", 1, true]
Эти способы работают одинаково, кроме объявления вида new Array(10), когда у конструктора есть единственный аргумент-число.
Такое объявление создаст пустой массив (все элементы undefined) длиной 10. По возможности, не используйте new Array.
Отсчет элементов начинается с нуля:
alert(a[0]) // => "a"
Массив хранит данные по численным ключам, но внутри он использует точно такой же хэш (ту же структуру данных), как и обычный объект, поэтому можно сделать так:
var a = [] a[1] = 1 a[999999] = 2
и массив a будет занимать память, нужную для хранения этих двух соответствий, а не займет длинный непрерывный кусок памяти, как это произошло бы в языке С.
Авто-длина length
У каждого массива есть свойство length, которое автоматом меняется при каждом обновлении массива. Длина массива - это не количество элементов, а максимальный целый ключ + 1:
alert(a.length) // всего 2 элемента, но выведет 1000000
Добавлять новый элемент можно эквивалентными вызовами
a[a.length] = "new element" a.push("new element")
Перебор элементов
Перебор элементов обычно (когда индексы непрерывные) осуществляется простым циклом:
var arr = [ "array", "elements", "here" ] for(var i=0; i<arr.length; i++) { ... сделать что-то с arr[i] ... }
Если индексы - с разрывами, то перебор осуществляется так же, как в объектах:
var arr = [] arr[1] = 123 arr[9999] = 456 for(var i in arr) { if (!arr.hasOwnProperty(i)) continue; ... сделать что-то с arr[i] ... }
Очередь + стек
В массиве есть всё необходимое, чтобы работать с ним как с очередью или со стеком, или и с тем и другим одновременно.
Методы push и pop добавляют или вынимают значение с конца массива
var arr = [3,5,7] arr.push(9) var last = arr.pop() //= 9 var last = arr.pop() // = 7 alert(arr.length) // = 2
Методы shift/unshift делают то же самое, с начала массива.
var arr = [4,6,8] arr.unshift(2) // arr = [2,4,6,8] arr.unshift(0) // arr = [0,2,4,6,8] var last = arr.shift() // last = 0, arr = [2,4,6,8] arr.shift() // arr = [4,6,8]
shift/unshift обычно приводят к перенумерации всего массива. shift сдвигает все элементы на единицу влево, а unshift - вправо. Поэтому на больших массивах эти методы работают медленнее, чем push/pop.
slice
slice(begin[, end]) Возвращает подмассив с индексами begin…end.
splice
splice(index, deleteCount[, element1,…, elementN]) Удалить deleteCount элементов, начиная с index, и вставить на их место element1…elementN
Есть и еще много методов:
join reverse ... О них можно почитать на английском, например, в http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Objects:Array
Объекты
оригинал:http://habrahabr.ru/post/17613/
JavaScript предоставляет разработчикам возможность создавать объекты и работать с ними.
Используем оператор new
Это, наверное, самый легкий способ создания объекта. Вы просто создаете имя объекта и приравниваете его к новому объекту Javascript.
//Создаем наш объект var MyObject = new Object(); //Переменные MyObject.id = 5; //Число MyObject.name = "Sample"; //Строка //Функции MyObject.getName = function() { return this.name; }
Минус данного способа заключается в том, что вы можете работать только с одним вновь созданным объектом.
//Используем наш объект alert(MyObject.getName());
Литеральная нотация
Литеральная нотация является несколько непривычным способом определения новых объектов, но достаточно легким для понимания. Литеральная нотация работает с версии Javascript 1.3.
//Создаем наш объект с использованием литеральной нотации MyObject = { id : 1, name : "Sample", boolval : true, getName : function() { return this.name; } }
Как видите, это довольно просто.
Объект = { идентификатор : значение, ... }
И пример использования:
alert(MyObject.getName());
Конструкторы объектов
Конструкторы объектов — это мощное средство для создания объектов, которые можно использовать неоднократно. Конструктор объекта — это, по сути, обычная функция Javascript, которой так же можно передавать различные параметры.
function MyObject(id, name) {
}
Только что мы написали конструтор. С помощью него мы и будем создавать наш объект.
var MyFirstObjectInstance = new MyObject(5,"Sample"); var MySecondObjectInstace = new MyObject(12,"Othe Sample");
Таким образом мы создали различные экземпляры объекта. Теперь мы можем работать отдельно с каждым экземпляром объекта MyObject, не боясь того, что, изменяя свойства одного экземпляра, мы затронем свойства другого экземпляра.
Как и в ООП, у MyObject могут быть методы и различные свойства. Свойствам можно присвоить значения по умолчанию, либо значения, переданные пользователем в конструкторе объекта.
function MyObject(id, name) { //Значения переданные пользователем this._id = id; this._name = name; //Значение по умолчанию this.defaultvalue = "MyDefaultValue"; }
Аналогичным образом мы можем создавать и функции.
function MyObject(id,name) { this._id = id; this._name = name; this.defaultvalue = "MyDefaultValue"; //Получение текущего значения this.getDefaultValue = function() { return this.defaultvalue; } //Установка нового значения this.setDefaultValue = function(newvalue) { this.defaultvalue = newvalue; } //Произвольная функция this.sum = function(a, b) { return (a+b); }
}
Ассоциативные массивы
Подобный метод будет полезен упорядочивания большого числа однотипных объектов.
var MyObject = new Number(); MyObject["id"] = 5; MyObject["name"] = "SampleName";
Для обхода таких объектов можно использовать такой цикл:
for (MyElement in MyObject) { //Код обхода //В MyElement - идентификатор записи //В MyObject[MyElement] - содержание записи }
Создание и работа со свойствами
оригинал:http://javascript.ru/tutorial/object/intro
Объекты (они же - ассоциативные массивы, хэши) и работа с ними в Javascript - реализованы не так, как в большинстве языков. С этим связано много ошибок и непоняток.
В этой статье описаны базовые свойства объектов javascript, создание и изменение, перечисление свойств и т.п.
Объект в javascript представляет собой обычный ассоциативный массив или, иначе говоря, "хэш". Он хранит любые соответствия "ключ => значение" и имеет несколько стандартных методов.
Метод объекта в javascript - это просто функция, которая добавлена в ассоциативный массив. Далее - подробнее.
Создание объекта
Следующие два варианта создания объекта эквивалентны:
var o = new Object() var o = {}
Добавление свойств
Есть два синтаксиса добавления свойств в объект. Первый - точка, второй - квадратные скобки:
// эквивалентные записи o.test = 5 o["test"] = 5
Квадратные скобки используются в основном, когда название свойства находится в переменной:
var name = 'test' o[name] = 5
Здесь имя свойства "test" является ключом в ассоциативном массиве, по которому лежит значение 5.
Доступ к свойствам
Доступ к свойству осуществляется точно так же:
alert(o.test) alert(o['test'])
Если у объекта нет такого свойства, то результат будет 'undefined'
var o = {} alert(o.nosuchkey) // => undefined
Никакой ошибки при обращении по несуществующему свойству не будет, просто вернется специальное значение undefined.
Проверка глобальной переменной
В javascript нельзя проверить существование глобальной переменной простым if:
if (x) { ... }
Если x не определен, то конструкция if (x) вызовет ошибку javascript.
Распространенное решение - использовать typeof:
if (typeof x != 'undefined') { ... } // или typeof(x)
Однако зная, что глобальная переменная в javascript - всего лишь свойство объекта window - мы можем записать проще:
if (window.x) { ... } // правильный аналог if(x) // или if (window.x !== undefined) // аналог typeof x ..
Все свойства объектов - public, т.е при определении свойства никак нельзя ограничить доступ к свойству. В javascript есть специальные выверты для создания private свойств, связанные с замыканиями. Они рассмотрены вместе с наследованием объектов.
Удаление свойств
Удаляет свойство оператор delete:
o.test = 5 delete o.test o['bla'] = true
Расширенное создание
Свойства можно указывать непосредственно при создании объекта, через список в фигурных скобках вида {..., ключ : значение, ...}:
var o = { test: 5, bla: true }
Добавление метода объекта
Как и в других языках, у объектов javascript есть методы.
Например, создадим объект rabbit с методом run
var rabbit = {} rabbit.run = function(n) { alert("Пробежал "+n+" метров!") }
Добавление метода в объект - просто присвоение функции function(n) { ... } свойству rabbit.run.
Теперь можно запускать
var rabbit = {} rabbit.run = function(n) { alert("Пробежал "+n+" метров!") } rabbit.run(5) // Пробежал 5 метров rabbit.run(7) // Пробежал 7 метров
Здесь не идет речь о классах, создании экземпляров и тому подобном. Просто - в любой объект в любое время можно добавить новый метод или удалить существующий.
Javascript - очень динамический язык, не правда ли?
Доступ к объекту из метода
Обычно хочется, чтобы метод не просто вызывался из объекта, но имел доступ к самому объекту, мог менять находящиеся в нем данные.
Для этого используется ключевое слово this:
for(var key in obj) { … obj[key] … }
В отличие от многих языков, this никак не привязано к объекту, а обозначает просто объект, вызвавший функцию. Например,
function this1() {
var vasya = { name:'Вася' } var petya = { name:'Петя' } sayName = function() { alert("Я - "+ (this.name ? this.name : 'безымянный') ) } vasya.sayName = sayName // один и тот же метод в двух объектах petya.sayName = vasya.sayName // тут - this будет petya petya.sayName() // Я - Петя // тут - this будет vasya vasya.sayName() // Я - Вася // а тут - вызывается метод глобального объекта window, у которого нет имени sayName() // Я - безымянный }
Более подробно о том, как работает this можно почитать в этой статье.
Перебор свойств объекта
Для перебора всех свойств объекта используется специальный вид конструкции for, for..in:
for(var key in object) { // key - название свойства // object[key] - значение свойства ... }
Например,
var o = {a:5, b:true} for (var key in o) { alert(key+':'+o[key]) }
Это уже выходит за рамки текущей статьи, но вообще - существует еще одна форма перебора свойств, которая более надежна, особенно если используется библиотека типа prototype.
for(prop in object) { if (!object.hasOwnProperty(prop)) continue //... }
Эта форма отфильтровывает свойства, которые принадлежат не самому объекту, а его прототипу. Поэтому она работает, даже если в прототип Object добавлены новые свойства.
Более элегантный вариант записи:
for(prop in object) if (object.hasOwnProperty(prop)) { //... }
Простейшие способы автозапуска JS кода в браузере
в теле HTML
<body onLoad="load()">
и в скрипте создаем функцию load()
или подгружаем скрипт через:
<script type="text/javascript" src="start.js"></script>
и в скрипте start.js в начале пишем:
window.onload= function load() { document.write('<h1>Hello, World!</h1>'); }