Справочник предназначается для людей, уже освоивших азы программирования в JavaScript.
Справочник создан на основе информации, предоставленной на сайте «Справочник Web-языков» www.spravkaweb.ru.
В связи с тем, что данный ресурс постоянно пополняется новой информацией, скачать обновленную версию справочника можно из раздела Download
Дата выхода данной версии справочника: 12:33, 21 марта 2007.
Также на сайте доступны для скачивания справочники по PHP, CSS, Perl, MySQL.
Совместное использование HTML и JavaScript
Прежде всего надо рассмотреть тег
Текст скрипта помещаетс внутрь тега
Однако некоторые версии Navigator в этом случае "не видят" скрипта, хотя, согласно техническим руководствам самой Netscape, должны. Так что этот совет применим только для Internet Explorer.
В качестве альтернативы вы можете использовать тег
Этот тег поддерживается Internet Explorer и Navigator:
Тег
Правила написания скриптов
Прежде всего надо рассмотреть тег
Текст скрипта помещаетс внутрь тега
Однако некоторые версии Navigator в этом случае "не видят" скрипта, хотя, согласно техническим руководствам самой Netscape, должны. Так что этот совет применим только для Internet Explorer.
В качестве альтернативы вы можете использовать тег
Этот тег поддерживается Internet Explorer и Navigator:
Тег
Объектная модель документа
Надо отметить, что JavaScript поддерживает так называемые внешние классы и объекты, определенные другими программами.Web-страница, которую вы просматриваете в окне Web-обозревателя, может быть описана как набор объектов. Скажем, она включает большой объект "документ-в-целом" и более мелкие объекты: "абзац-1", "абзац-2", "абзац-1" и "рисунок". Вы можете обращаться к этим объектам из того же JavaScript.
Конечно, здесь сильно утрируется, но принцып таков.
Например, рассмотрим скрипт:
var d;d=new Date();document.write(d.toString());
Документ document - это наш "документ-в-целом". А write - его метод, вставляющий текст, переданный в качестве параметра, в текущее место HTML-документа.
Совокупность объектов, описывающая web-страницу, со всеми их методами и свойствами называется объектной моделью документа. А технология создания web-страницы, при которой обычный HTML-код объединяется с JavaScript-кодом, причем последний управляет страницей с помощью объектной модели, называется динамическим HTML (DHTML).
Объект document
Прежде всего надо отметить, что объект document существует в единственном экземпляре для всего HTML-документа. Он присутствует всегда, если существует HTML-документ, поэтому специально создавать его не требуется.
activeElement
Используется в сценарии для получения ссылки на элемент странички находящийся в данный момент в фокусе
alinkColor
Задает или возвращает цвет активных гиперссылок.
document.alinkColor[ ="{Цвет}"];
anchors
Объекты анкеров представляют собой выражения в документе HTML, описанные в дескрипторе . Данные объекты обозначаются в URL символом #, расположенным между URL странички и именем анкера.
Пример: Получение количества анкеров в документе
var anchorCount=document.anchors.length
applets
Благодаря свойству applets можно обращаться к аплетам java, содержащимся в документе.
bgColor
Задает или возвращает цвет фона страницы. В IE работает правильно, только если цвет страницы установлен атрибутом BGCOLOR.
body
Этот объект имеет множество ключевых свойств для управления внешним видом странички. Для доступа к его свойствам лучше использовать выражение document.body.
charset
Это свойство устанавливает кодировку, используемую браузером для отображения текущей странички. Используется только IE.
characterSet
Это свойство устанавливает кодировку, используемую браузером для отображения текущей странички.Используется только NN.
compatMode
в Internet Explorer 6 появилось новое свойство объекта document, которое обзывается compatMode. Благодаря этому свойству (оно, кстати, только для чтения) мы можем определить, какой режим включён в данный момент — BackCompat (IE 4.x–IE 5.x) или CSS1Compat (IE 6). Исходя из значения этого свойство, мы можем, например, указывать различные значения CSS свойств width, margin или padding:
Это свойство устанавливает кодировку, используемую браузером для отображения текущей странички.Различия между charset и defaultCharset не найдено, однако если в сценарии временно изменять свойство charset, для восстановления оригинального набора символов можно воспользоваться defaultCharset.
designMode
Это свойство используется, когда браузер IE выступает в качестве компонента другого приложения, данная ситуация описана здесь. Оно разрешает/запрещает изменение HTML кода текущей странички, в обычных условиях это свойство не имеет никакого действия.
documentElement
Возвращает ссылку на объект HTML или XML - элемента, который представляет содержимое всего текущего документа.
embeds
Всякий раз, когда необходимо загрузить данные, требующие надстройки (внедряемого модуля)-приложения для их воспроизведения либо вывода на экран, используют дескриптор Свойство document.embeds - это единственный способ определения таких дескрипторов, добавленных в документ
var сount=document.embeds.length
expando
Это свойство установленное в true позволяет использовать новые свойства объекта, добавленные вами при выполнении сценария
fgColor
Задает или возвращает цвет текста. Значение по умолчанию #000000.
fileCreatedDate
Возвращает дату создания файла HTML-документа в формате mm/dd/yyyy, только для чтения.
fileModifiedDate
Возвращает дату последнего изменения файла HTML-документа в формате mm/dd/yyyy, только для чтения.
fileSize
Возвращает размер файла HTML-документа или графического изображения.
forms
Возвращает массив объектов form. Первым элементом массива document.forms[0] является ссылка на самую первую форму, определённую в документе.
frames
Возвращает массив объектов frame. Первым элементом массива document.frames[0] является ссылка на самую первыйфрейм, определённый в документе.
height
Задает или возвращает высоту текущего окна или фрейма в пикселях, соответствует свойству в IE scrollHeight.
images
edocument.images[0]
lastModified
Возвращает дату последнего изменения документа в виде строки.
layers
Это массив слоёв расположенных в документе
linkColor
Задает или возвращает цвет гиперссылок в документе. В IE работает правильно, только если цвет гипессылок установлен атрибутом LINK.
links
Массив содержит в себе ссылки на все объекты ссылок в текущем документе, нумерация начинается с 0.
location
Установка нового URL адреса свойству location приведёт к загрузке странички находящейся по этому адресу
URL
Свойство только для чтения, возвращает адрес текущей загруженной в браузер странички.
parentWindow
Свойство document.parentWindow возвращает ссылку на объект window, который содержит текущий документ.
plugins
Аналог document.embeds
protocol
Возвращает версию протокола, с помощью которой и осуществлялся доступ к текущему документы
readState
Возвращает текущее состояние документа.
referrer
Возвращает Интернет-адрес Web-страницы, с которой пользователь перешел на текущую страницу. Если же пользователь перешел на нее простым набором адреса в строке Web-обозревателя, возвращается пустая строка.
script
Возвращает массив всех элементов SCRIPT содержащихся в документе. Имеется возможность не только просматривать массив, но и добавлять/удалять элементы.
security
Это свойство предоставляет информацию о типе защиты, если таковая применяется в текущем документе.
selection
Свойство document.selection возвращает объект selection, содержимое которого отображается в окне браузера как выделение основного текста. Это выделение может осуществляется пользователем или с помощью сценария в объекте TextRange
styleSheets
Массив styleSheets содержит ссылки на все элементы STYLE, присутствующие на текущей страничке.
title
Возвращает заголовок Web-страницы, заданный в теге
</p>
<br><p><b>URL</b></p><br>
<p>Задает или возвращает интернет-адрес текущей Web-страницы.</p>
<br><p><b>URLUnencoded</b></p><br>
<p>Свойство возвращает строку URL-адреса в виде кода. Это означает, что все не буквенно-цифровые символы (имеются ввиду только цифры и буквы латинского алфавита) будут перекодированны в их URL-представление. т.е.знак % и шестнадцатеричный код символа ( например пробел будет выглядеть как %20).</p>
<br><p><b>vlinkColor</b></p><br>
<p>Задает или возвращает цвет посещенных гиперссылок в документе. В IE работает правильно, только если цвет посещенных гиперссылок установлени атрибутом VLINK.</p>
<br><p><b>wigth</b></p><br>
<p>Ширина документа в пикселях.</p>
<section>
<h3 id='7'>
<span>Свойства</span>
</h3>
<p>Прежде всего надо отметить, что объект document существует в единственном экземпляре для всего HTML-документа. Он присутствует всегда, если существует HTML-документ, поэтому специально создавать его не требуется.</p>
<br><p><b>activeElement</b></p><br>
<p>Используется в сценарии для получения ссылки на элемент странички находящийся в данный момент в фокусе</p>
<br><p><b>alinkColor</b></p><br>
<p>Задает или возвращает цвет активных гиперссылок.</p>
<p>document.alinkColor[ ="{Цвет}"];</p>
<br><p><b>anchors</b></p><br>
<p>Объекты анкеров представляют собой выражения в документе HTML, описанные в дескрипторе . Данные объекты обозначаются в URL символом #, расположенным между URL странички и именем анкера.</p>
<p><b>Пример:</b> Получение количества анкеров в документе</p>
<p>var anchorCount=document.anchors.length</p>
<br><p><b>applets</b></p><br>
<p>Благодаря свойству applets можно обращаться к аплетам java, содержащимся в документе.</p>
<br><p><b>bgColor</b></p><br>
<p>Задает или возвращает цвет фона страницы. В IE работает правильно, только если цвет страницы установлен атрибутом BGCOLOR.</p>
<br><p><b>body</b></p><br>
<p>Этот объект имеет множество ключевых свойств для управления внешним видом странички. Для доступа к его свойствам лучше использовать выражение document.body.</p>
<br><p><b>charset</b></p><br>
<p>Это свойство устанавливает кодировку, используемую браузером для отображения текущей странички. Используется только IE.</p>
<br><p><b>characterSet</b></p><br>
<p>Это свойство устанавливает кодировку, используемую браузером для отображения текущей странички.Используется только NN.</p>
<br><p><b>compatMode</b></p><br>
<p>в Internet Explorer 6 появилось новое свойство объекта document, которое обзывается compatMode. Благодаря этому свойству (оно, кстати, только для чтения) мы можем определить, какой режим включён в данный момент — BackCompat (IE 4.x–IE 5.x) или CSS1Compat (IE 6). Исходя из значения этого свойство, мы можем, например, указывать различные значения CSS свойств width, margin или padding:</p>
<p>if (document.getElementById){oBlock = document.getElementById("mydiv");oBlock.style.width = ((document.compatMode) && (document.compatMode == "CSS1Compat")) ? "200px" : "250px";}</p>
<br><p><b>defaultCharset</b></p><br>
<p>Это свойство устанавливает кодировку, используемую браузером для отображения текущей странички.Различия между charset и defaultCharset не найдено, однако если в сценарии временно изменять свойство charset, для восстановления оригинального набора символов можно воспользоваться defaultCharset.</p>
<br><p><b>designMode</b></p><br>
<p>Это свойство используется, когда браузер IE выступает в качестве компонента другого приложения, данная ситуация описана здесь. Оно разрешает/запрещает изменение HTML кода текущей странички, в обычных условиях это свойство не имеет никакого действия.</p>
<br><p><b>documentElement</b></p><br>
<p>Возвращает ссылку на объект HTML или XML - элемента, который представляет содержимое всего текущего документа.</p>
<br><p><b>embeds</b></p><br>
<p>Всякий раз, когда необходимо загрузить данные, требующие надстройки (внедряемого модуля)-приложения для их воспроизведения либо вывода на экран, используют дескриптор Свойство document.embeds - это единственный способ определения таких дескрипторов, добавленных в документ</p>
<p>var сount=document.embeds.length</p>
<br><p><b>expando</b></p><br>
<p>Это свойство установленное в true позволяет использовать новые свойства объекта, добавленные вами при выполнении сценария</p>
<br><p><b>fgColor</b></p><br>
<p>Задает или возвращает цвет текста. Значение по умолчанию #000000.</p>
<br><p><b>fileCreatedDate</b></p><br>
<p>Возвращает дату создания файла HTML-документа в формате mm/dd/yyyy, только для чтения.</p>
<br><p><b>fileModifiedDate</b></p><br>
<p>Возвращает дату последнего изменения файла HTML-документа в формате mm/dd/yyyy, только для чтения.</p>
<br><p><b>fileSize</b></p><br>
<p>Возвращает размер файла HTML-документа или графического изображения.</p>
<br><p><b>forms</b></p><br>
<p>Возвращает массив объектов form. Первым элементом массива document.forms[0] является ссылка на самую первую форму, определённую в документе.</p>
<br><p><b>frames</b></p><br>
<p>Возвращает массив объектов frame. Первым элементом массива document.frames[0] является ссылка на самую первыйфрейм, определённый в документе.</p>
<br><p><b>height</b></p><br>
<p>Задает или возвращает высоту текущего окна или фрейма в пикселях, соответствует свойству в IE scrollHeight.</p>
<br><p><b>images</b></p><br>
<p>edocument.images[0]</p>
<br><p><b>lastModified</b></p><br>
<p>Возвращает дату последнего изменения документа в виде строки.</p>
<br><p><b>layers</b></p><br>
<p>Это массив слоёв расположенных в документе</p>
<br><p><b>linkColor</b></p><br>
<p>Задает или возвращает цвет гиперссылок в документе. В IE работает правильно, только если цвет гипессылок установлен атрибутом LINK.</p>
<br><p><b>links</b></p><br>
<p>Массив содержит в себе ссылки на все объекты ссылок в текущем документе, нумерация начинается с 0.</p>
<br><p><b>location</b></p><br>
<p>Установка нового URL адреса свойству location приведёт к загрузке странички находящейся по этому адресу</p>
<br><p><b>URL</b></p><br>
<p>Свойство только для чтения, возвращает адрес текущей загруженной в браузер странички.</p>
<br><p><b>parentWindow</b></p><br>
<p>Свойство document.parentWindow возвращает ссылку на объект window, который содержит текущий документ.</p>
<br><p><b>plugins</b></p><br>
<p>Аналог document.embeds</p>
<br><p><b>protocol</b></p><br>
<p>Возвращает версию протокола, с помощью которой и осуществлялся доступ к текущему документы</p>
<br><p><b>readState</b></p><br>
<p>Возвращает текущее состояние документа.</p>
<br><p><b>referrer</b></p><br>
<p>Возвращает Интернет-адрес Web-страницы, с которой пользователь перешел на текущую страницу. Если же пользователь перешел на нее простым набором адреса в строке Web-обозревателя, возвращается пустая строка.</p>
<br><p><b>script</b></p><br>
<p>Возвращает массив всех элементов SCRIPT содержащихся в документе. Имеется возможность не только просматривать массив, но и добавлять/удалять элементы.</p>
<br><p><b>security</b></p><br>
<p>Это свойство предоставляет информацию о типе защиты, если таковая применяется в текущем документе.</p>
<br><p><b>selection</b></p><br>
<p>Свойство document.selection возвращает объект selection, содержимое которого отображается в окне браузера как выделение основного текста. Это выделение может осуществляется пользователем или с помощью сценария в объекте TextRange</p>
<br><p><b>styleSheets</b></p><br>
<p>Массив styleSheets содержит ссылки на все элементы STYLE, присутствующие на текущей страничке.</p>
<br><p><b>title</b></p><br>
<p>Возвращает заголовок Web-страницы, заданный в теге <TITLE></p>
<br><p><b>URL</b></p><br>
<p>Задает или возвращает интернет-адрес текущей Web-страницы.</p>
<br><p><b>URLUnencoded</b></p><br>
<p>Свойство возвращает строку URL-адреса в виде кода. Это означает, что все не буквенно-цифровые символы (имеются ввиду только цифры и буквы латинского алфавита) будут перекодированны в их URL-представление. т.е.знак % и шестнадцатеричный код символа ( например пробел будет выглядеть как %20).</p>
<br><p><b>vlinkColor</b></p><br>
<p>Задает или возвращает цвет посещенных гиперссылок в документе. В IE работает правильно, только если цвет посещенных гиперссылок установлени атрибутом VLINK.</p>
<br><p><b>wigth</b></p><br>
<p>Ширина документа в пикселях.</p>
</section>
<section>
<h3 id='8'>
<span>Методы</span>
</h3>
<br><p><b>clear()</b></p><br>
<p>Этот метод предназначен для очистки текущего документа из окна браузера.</p>
<br><p><b>close()</b></p><br>
<p>Заставляет Web-страницу немедленно обновить свое содержимое после использования методов write. Метод не принимает параметров и не возвращает значения.</p>
<br><p><b>createAttribute()</b></p><br>
<p>createAttribute( "Имя Атрибута" )</p>
<p>Генерирует объект атрибута и возвращает ссылку на него. При вызове метода указывается только название атрибута, таким образом, в сценарии назначается значение свойству nodeValue, а затем новый атрибур добавляется в существующий элемент с помощью метода *Возвращает: ссылка на объект атрибута</p>
<br><p><b>setAttributeNode</b></p><br>
<p>var newAttr = document.createAttribute("width");newAttr.nodeValue = "80%";document.getElementById("myTable").setAttributeNode(newAttr);</p>
<br><p><b>createElement()</b></p><br>
<p>createElement( "Имя дескриптора" )</p>
<p>Генерирует объект атрибута для любого дескриптора HTML(или XML), указанного в качастве параметра. Этот объект официально не является частью объектной модели текущего документа, так как он в состав документа пока ещё не входит. Но данный метод используется для вызова объекта элемента, который в конечном счёте будет помещён в документ.</p>
<br><p><b>elementFromPoint()</b></p><br>
<p>elementFromPoint({X}, {Y})</p>
<p>Возвращает ссылку на элемент, находящийся по координатам X и Y. Метод принимает два параметра, задающие в пикселях горизональную и вертикальную координаты соответственно.</p>
<br><p><b>getElementById()</b></p><br>
<p>getElementById({Имя элемента})</p>
<p>Возвращает элемент, имя которого передано в качестве параметра. Имя элемента страницы задается атрибутом ID. Метод принимает единственный параметр - имя элемента страницы.</p>
<br><p><b>getSelection()</b></p><br>
<p>Возвращает строку, содержащую текст, выделенный пользователем на странице. Метод не принимает параметров.</p>
<br><p><b>write()</b></p><br>
<p>write({Текст})</p>
<p>Записывает текст или HTML-код, переданный как параметр, в текущее место документа.</p>
<br><p><b>writeLn()</b></p><br>
<p>writeLn({Текст})</p>
<p>То же самое, что write, но в конце добавляет символ возврата каретки и перевода строки.</p>
</section>
<section>
<h3 id='9'>
<span>Коллекция объектов</span>
</h3>
<p><i>Коллекция</i> - это своего рода массив объектов, проиндексированный не только по числовым номерам элементов, но и по их именам, и имеющий свойства и методы. Коллекция отличается от ассоциативного массива именно наличием свойств и методов, т.е. коллекция - сама по себе объект.</p>
<p>Рассмотрим, например, коллекцию images, которую включает в себя объект document. Вы можете получить доступ к отдельным ее элементам по порядковому номеру или уникальному имени.</p>
<p>document.images.item(1)document.images("iamge1")</p>
<p>Заметьте, что мы указываем индекс элемента коллекции не в квадратных, а в круглых скобках, потому что он фактически является аргументом функции-метода item, поддерживаемой всеми коллекциями. Имя этого метода можно опускать.</p>
<p>document.images(1)document.images("image1")</p>
<p>Все элементы Web-страницы нумеруются в порядке их появления в HTML-коде. А уникальные имена задаются специальным атрибутом <i>ID</i>, доступным практически во всех тегах.</p>
<p><IMG src="img1.gif" id="image1"><SCRIPT><!--var someImage = document.images("image1");--></SCRIPT></p>
<p>Для некоторых тегов (в частности <IMG> и <FRAME>) доступен также атрибут NAME, выполняющий ту же функцию, что и ID.</p>
<p>Коллекция all представляет все элементы Web-страницы без исключений, в том числе и изображения. К элементам этой коллекции можно обращаться по номеру (нумеруются они в порядке появления в HTML-коде) или по имени.</p>
<p>document.all(8)document.all("iamge1")</p>
<p>Атрибут ID требует уникальности имен всех элементов, но только формально. Реально же на странице могут встретиться два или более элемента с одинаковыми именами. В таком случае нужно будет указать второй индекс</p>
<p>document.all("image1", 2)</p>
<p>или выражение <i>document.all("image1")</i> вернет коллекцию всех изображений с именем image1.</p>
<p>Также все коллекции имеют свойство length, вызывающее количество элементов коллекции. Надо отметить, что элементы коллекции нумеруются с нуля, поэтому последний ее элемент будет иметь номер length-1.</p>
<p>Некоторые коллекции могут иметь методы для добавления и удаления элементов и других целей.</p>
</section>
<section>
<h3 id='10'>
<span>Подчиненные объекты и коллекции объекта document</span>
</h3>
<p>Объект <b>document</b> содержит внутри себя множество подчиненных объектов и коллекций. В следующей таблице перечисленны свойства, возвращающие ссылки на них, и приведены описания соответствующих объектов и коллекций.</p>
<p>Коллекция <i>all</i> имеет дополнительный метод <i>tags</i>, позволяющий фильтровать элементы коллекции по их тегу. В качестве параметра этот метод принимает строковое значение нужного тега.</p>
<p>document.all.tags("H1")</p>
<p>Данное выражение вернет ссылку на коллекцию, содержащую только заголовки первого уровня.</p>
<p>Такой же метод поддерживает коллекция <i>links</i>.</p>
<p>Также хочу упомянуть два метода, поддерживаемых Internet Explorer начиная с 5.0. Это методы <i>getElementByName</i> и <i>getElementByTagName</i>. Первый из них возвращает коллекцию элементов со значением атрубута <i>NAME</i>, переданным в качестве параметра. Поскольку атрибут <i>NAME</i> применяется в современном HTML очень редко, польза от этого метода невелика. Второй метод возвращает коллекцию элементов, созданных посредством тега, переданного в качестве параметра.</p>
<p>document.getElementByName("someimage")document.getElementByTagName("H1")</p>
</section>
<section>
<h3 id='11'>
<span>Обращение к элементам страницы</span>
</h3>
<p>Объект <i><b>document</b></i> имеет несколько полезных методов, которые можно использовать в скриптах. Но главное его значение - предоставление доступа к отдельным элементам Web-страницы.Как же можно добраться до отдельного элемента страницы?Прежде всего, через коллекции. Например, коллекцию <i>all</i>:</p>
<p>document.all("image1").outerHTML</p>
<p>Или через коллекцию <i>images</i>:</p>
<p>document.images("image1").outerHTML</p>
<p>IE позволяет опускать ссылку на объект <i>document</i>. Так что можно будет написать и так:</p>
<p>all("image1").outerHTMLimages("image1").outerHTML</p>
<p>NN делать так не позволяет. Он требует обязательной ссылки на document. Вдобавок он не поддерживает коллекцию <i>all</i>.</p>
<p>document.images("image2").src</p>
<p>Имя элемента Web-страницы задается при помощи атрибутов <i>ID</i> и <i>NAME</i>. Если каждый элемент страницы имеет уникальное имя, то можно использовать так называемое <i>прямое обращение</i> к элементам. То есть, обращаться к нему не как к элементу коллекции, а как к отдельному объекту. Это работает и в IE и в NN.</p>
<p>image1.outerHTMLlayer1.top</p>
<p>Прямое обращение происходит быстрее, чем обращение через коллекцию. Поэтому его рекомендуется использовать во всех случаях, когда не нужно специальное обращение к коллекциям и когда каждый элемент страницы, к которому производится обращение из скриптов, имеет уникальное имя.</p>
</section>
</section>
<section>
<h3 id='12'>
<span>Объект location</span>
</h2>
<p>Объект <i><b>location</b></i> содержит информацию о местонахождении текущего документа, т.е. его интернет-адрес. Его также можно использовать для перехода на другой документ и перезагрузки текущего документа.</p>
<br><p><b>Свойства объекта location</b></p><br>
<br><p><b>Методы объекта location</b></p><br>
<p>Пользуясь объектом <b>location</b>, можно загрузить другой документ на место текущего. Для этого просто присвойте значение нового интернет-адреса свойству <i>href</i>.</p>
<p>document.location.href = "http://www.spravkaweb.ru";</p>
<p>Пользователи IE также могут воспользоваться методом <i>assign</i>:</p>
<p>document.location.assign("http://www.spravkaweb.ru");</p>
<p>Если вы хотите полностью заменить текущий документ, чтобы даже адрес его не появлялся в списке истории, воспользуйтесь методом <i>replace</i>:</p>
<p>document.location.replace("http://www.spravkaweb.ru");</p>
</section>
<section>
<h3 id='13'>
<span>Объект style</span>
</h2>
<p>Как и все остальные объекты, <b>style</b> поддерживает ряд свойств и методов. Их можно разделить на две группы:</p>
<p>и</p>
<p>Свойства первой группы в целом аналогичны соответствующим атрибутам стиля и имеют почти такие же имена за тем исключением, что символы "-" убираются, т.к. не соответстуют соглашению об именах JavaScript, а первые буквы всех слов, образующих имя атрибута, кроме первого, делаются прописными.В следующей таблице показаны примеры преобразования имен атрибутов стиля в имена свойств объекта style, устанавливающих стиль элемента.</p>
<p>По аналогии вы можете преобразовать все атрибуты стилей в свойства объекта <b>style</b>.Все не относящееся к стилю свойства объекта <b>style</b> перечислены в нижерасположенной таблице. Кроме того, у этого объекта имеются методы getAttribute, removeAttribute и setAttribute. Но эти дополнительные свойства и методы поддерживаются только IE начиная с 4.0</p>
<section>
<h3 id='14'>
<span>Свойства и методы</span>
</h3>
<p>Как и все остальные объекты, <b>style</b> поддерживает ряд свойств и методов. Их можно разделить на две группы:</p>
<p>и</p>
<p>Свойства первой группы в целом аналогичны соответствующим атрибутам стиля и имеют почти такие же имена за тем исключением, что символы "-" убираются, т.к. не соответстуют соглашению об именах JavaScript, а первые буквы всех слов, образующих имя атрибута, кроме первого, делаются прописными.В следующей таблице показаны примеры преобразования имен атрибутов стиля в имена свойств объекта style, устанавливающих стиль элемента.</p>
<p>По аналогии вы можете преобразовать все атрибуты стилей в свойства объекта <b>style</b>.Все не относящееся к стилю свойства объекта <b>style</b> перечислены в нижерасположенной таблице. Кроме того, у этого объекта имеются методы getAttribute, removeAttribute и setAttribute. Но эти дополнительные свойства и методы поддерживаются только IE начиная с 4.0</p>
</section>
<section>
<h3 id='15'>
<span>Работа с объектом style</span>
</h3>
<p>Объект <b>style</b> позволяет изменить стиль любого элемента Web-страницы, просто присвоив нужному свойству необходимое значение.</p>
<p>paragraph1.style.fontSize = 7;</p>
<p>Можно изменить геометрические размеры элемента:</p>
<p>image1.style.height = "100mm";image1.style.width = "120mm";</p>
<p>и его месторасположение:</p>
<p>iamge1.style.top = "200px";image1.style.left = "50px";</p>
<p>Заметьте, что мы присваиваем свойству строковые значения геометрических параметров с указанием единицы измерения. Это не очень удобно для вычислений, поэтому объект <b>style</b> предоставляет свойства <i>pixel</i>, принимающие и возвращающие числовые значения в пикселах:</p>
<p>image1.style.pixelHeight = 400;iamge1.style.pixelLeft +=5;</p>
<p>Также можно использовать свойства <i>pos</i>, возвращающие и принимающие числовые значения в тех единицах измерения, в которых эти значения были заданы в определении стиля.</p>
<p><IMG src="image1.gif" id="image1" style="height: 100mm; width: 100">nheight = image1.style.posHeight; // Значение в миллиметрахnwidth = image1.style.posWidth; // Значение в пикселах</p>
<p>Вы можете использовать методы <i>getAttribute</i>, <i>setAttribute</i> и <i>removeAttribute</i> для получения и установки значения и удаления какого-либо свойства стиля:</p>
<p>paragraph1.style.setAttribute("borderBottomWidth", 5, false);paragraph1.style.removeAttribute("borderTopWidth", false);</p>
</section>
<section>
<h3 id='16'>
<span>Объект style в Internet Explorer</span>
</h3>
<p>Как же получить доступ к объекту style? Internet Explorer предоставляет для этого три свойства: <i>style</i>, <i>currentStyle</i> и <i>runtimeStyle</i>.</p>
<p>Первое свойство позволяет получить доступ к стилю, встроенному в тег элемента с помощью атрибута STYLE:</p>
<p><P id="par1" style="color: green">Любой текст</P>someColor = par1.style.color;</p>
<p>Вышеприведенное выражение поместит в переменную <i>someColor</i> значение атрибута <i>color</i> встроенного стиля элемента, т.е. "green".</p>
<p>someFontSize = par1.style.fontSize;</p>
<p>Это выражение вернет <i>null</i>, даже если где-то в таблице стилей атрибут <i>font-size</i> для этого элемента определен. А все потому, что интересы свойства <b>style</b> не выходят за рамки встроенного ситиля.</p>
<p>Чтобы получить стиль элемента с учетом и встроенных стилей, и таблиц стилей, и атрибутов тега, используйте свойство <i>currentStyle</i>:</p>
<p><FONT id="par1" style="color: green" size="7">Любой текст</FONT>someColor = par1.currentStyle.color;someBColor = par1.currentStyle.backgroundColor;someFontSize = par1.currentStyle.fontSize;someOther = par1.currentStyle.textDecoration;</p>
<p>Предположим, что где-то в таблице стилей определен для этого элемента атрибут <i>background-color</i>, равный "teal", а <i>text-decoration</i> не определен вообще. Эти выражения вернут следующие значения: первое - "green", второе - "teal", третье - "largest" (или "7"), а четвертое - "none"? т.е. значение по умолчанию для этого атрибута стиля.</p>
<p>Если вы измените какое-либо свойство объекта <b>style</b>, измениться то же свойство и у объекта <b>currentStyle</b>, и наоборот. Единственная деталь: если вы изменили какое-либо свойство <b>currentStyle</b> и потом сразу же обратились к нему, вернется старое значение. То есть, между присвоением значения и его применением к элементу должно пройти некоторое время.</p>
<p>Свойство <i>runtimeStyle</i> довольно странное. Оно возвращает ссылку на объект <i>runtimeStyle</i>, который является примерно тем же самым, что и <i>currentStyle</i>, но присвоение его свойствам новых значений не затригивает аналогичных свойств <b>style</b>. То есть, вы можете переопределить свойства стиля <i>runtimeStyle</i>, и соответствующие свойства <b>style</b> (но не <i>currentStyle</i>) не изменятся.</p>
<br><p><b>Объект styleSheet и коллекция styleSheets</b></p><br>
<p>Объект <b>document</b> в IE имеет встроенную коллекцию <b>styleSheets</b>, которую можно использовать для доступа к отдельным таблицам стилей документа. А отдельная таблица стилей представляется объектом <b>styleSheet</b>:</p>
<p>address = document.styleSheets(1).href;</p>
<p>Для нас будут полезны три свойства объекта таблицы стилей.</p>
<p>Первое из них - это <i>href</i>, представляющее интернет-адресс файла внешней таблицы стилей. Вы можете изменить этот адрес, чтобы загрузить другую таблицу стилей.</p>
<p>Второе - <i>disabled</i>, разрешающее или запрещающее Web-обозревателю применять эту таблицу для форматирования документа. Заметьте, что в данном случае false разрашает применение таблицы, а true запрещает.</p>
<p>И последнее свойство - <i>type</i> - имеет для нас только теоретический интерес: оно задает тип таблицы стилей, который для IE всегда равен "text/css".</p>
</section>
<section>
<h3 id='17'>
<span>Объект style в Navigator. JavaScript-стили</span>
</h3>
<p>Navigator поддерживает прямое обращение по идентификаторам только для объектов <b>layer</b> и не поддерживает коллекцию <i>all</i>. Да и поддержка атрибута <i>ID</i> в нем реализована так себе, в основном, для присвоения элементам стилей. Но объект <i>document</i> Navigator предусматривает четыре очень мощьных свойства для работы со стилями.</p>
<p>Свойство <i>classes</i> позволит вым получить доступ к отдельному поименованному стилю:</p>
<p>document.classes.{Имя стиля}.{Имя тега}|all.{Имя свойства}</p>
<p>Здесь {Имя тега} может быть именем любого тега. Если нужно определить стиль для всех тегов, используйте слово <i>all</i>.</p>
<p>Например, предположим, что вы определили в таблице стилей некий стиль:</p>
<p>.somestyle {color: green}</p>
<p>Тогда в коде скрипта вы можете получить к нему доступ:</p>
<p>document.classes.somestyle.all.fontFamily = "Arial";</p>
<p>Аналогично вы можете определить какой-либо стиль для одного определенного тега:</p>
<p>P.somestyle {color: green}document.classes.somestyle.P.fontFamily = "Arial";</p>
<p>В свою очередь свойство ids позволит вам получить доступ к стилю, присвоенному отдельному идентификатору ID:</p>
<p>document.ids.{Идентификатор}.{Имя свойства}</p>
<p>Например:</p>
<p>#someid {color: green}document.ids.someid.fontFamily = "Arial";</p>
<p>Но что делать, если вы переопределили стиль какого-либо тега? В этом случае воспользуйтесь свойством <i>tags</i>:</p>
<p>document.tags.{тег}.{Имя свойства}</p>
<p>Например:</p>
<p>H1 {color: green}document.tags.H1.fontFamily = "Courier";</p>
<p>А если вам нужно, скажем, изменить стиль элемента <B>, находящегося внутри заголовка второго уровня? Для этого существует свойство <i>contextual</i>:</p>
<p>document.contextual({Контекст 1}[, {Контекст 2}[, ...]]).{Имя свойства}</p>
<p>Тогда для описанного нами случая:</p>
<p>document.contextual(document.tags.H2, document.tags.B).fontStyle= "oblique";</p>
<p>что аналогично заданию в таблице стилей</p>
<p>H2 B {font-style: oblique}</p>
<p>Но если вы думаете, что можете динамически изменять внешний вид элементов страницы в Navigator путем изменения их стилей, вы жестоко ошибаетесь. Реально объект <b>style</b> нужен Navigator только для поддержки нового вида таблиц стилей, так называемых JavaScript-стилей.</p>
<p>JavaScript-стили отличаются от обычных тем, что больше всего похожи на скрипты. Собственно, это и есть скрипты. Давайте рассмотрим два примера: обычной таблицы стилей и таблице JavaScript-стилей:</p>
<p><STYLE type="text/css">P {color: blue}.bigtext {font-size: 72pt; font-weight: boldest}H1 B {text-decoration: underline}</STYLE></p>
<p>Это обычная таблица стилей.Теперь преобразуем ее в таблицу JavaScript-стилей:</p>
<p><STYLE type="text/javascript">document.tags.P.color = "blue";width (document.classes.bigtext.all) { fontSize = "72pt"; fontWeight = "boldest"; }document.contextual(document.tags.H1, document.tags.B).textDecoration = "underline";</STYLE></p>
<p>Теперь вы видете, как таблица JavaScript-стилей похожа на скрипт. Заметьте также, что в этом случае атрибут <i>type</i> обязателен, т.к. он указвывает тип таблицы стилей.</p>
<p>Во всех предыдущих примерах для Navigator мы всегда приводили ссылку на объект <i>document</i>. Но в таблицах JavaScript-стилей ее можно опустить.</p>
<p><STYLE type="text/javascript">tags.P.color = "blue";width (classes.bigtext.all) { fontSize = "72pt"; fontWeight = "boldest"; }contextual(tags.H1, tags.B).textDecoration = "underline";</STYLE></p>
</section>
</section>
<section>
<h3 id='18'>
<span>Объект window</span>
</h2>
<p>Объект <b>window</b> представляет текущее окно Web-обозревателя или отдельный фрейм, если окно разделено на фреймы.</p>
<br><p><b>closed</b></p><br>
<p>Возвращает true, если текущее окно закрыто. Может быть использовано при работе с несколькими окнами.</p>
<br><p><b>defaultStatus</b></p><br>
<p>Сообщение по умолчанию, отображаемое в строке состояния окна.</p>
<br><p><b>document</b></p><br>
<p>Возвращает ссылку на документ, загруженный в текущее окно.</p>
<br><p><b>frames</b></p><br>
<p>Возвращает ссылку на коллекцию фреймов.</p>
<br><p><b>history</b></p><br>
<p>Возвращает ссылку на объект истории Web-обозревателя.</p>
<br><p><b>innerHeight</b></p><br>
<p>Возвращает высоту клиентской области окна (без рамок, меню, панелей инструментов) в пикселах.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>innerWidth</b></p><br>
<p>Возвращает ширину клиентской области окна (без рамок, меню, панелей инструментов) в пикселах.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>length</b></p><br>
<p>Возвращает количество фреймов.</p>
<br><p><b>location</b></p><br>
<p>Возвращает ссылку на объект location документа, загруженного в текущее окно.</p>
<br><p><b>locationbar</b></p><br>
<p>Возвращает ссылку на объект панели адреса окна Navigator (она же Location Toolbar). Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает панель адреса, false убирает.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>menubar</b></p><br>
<p>Возвращает ссылку на объект панели адреса окна Navigator. Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает панель адреса, false убирает.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>name</b></p><br>
<p>Возвращает имя окна или фрейма.</p>
<br><p><b>navigator</b></p><br>
<p>Возвращает ссылку на объект Web-обозревателя.</p>
<br><p><b>opener</b></p><br>
<p>Возвращает ссылку на окно, которое открыло текущее окно, например, методом open.</p>
<br><p><b>outerHeight</b></p><br>
<p>Возвращает полную высоту окна (с рамками, меню, панелями инструментов) в пикселах.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>outerWidth</b></p><br>
<p>Возвращает полную ширину окна (с рамками, меню, панелями инструментов) в пикселах.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>pageXOffset</b></p><br>
<p>Возвращает расстояние по горизонтали между текущей позицией окна и левой границей документа. При прокручивании содержимого окна право значение этого свойства увеличивается, влево - уменьшается.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>pageYOffset</b></p><br>
<p>Возвращает расстояние по вертикали между текущей позицией окна и левой границей документа. При прокручивании содержимого окна вниз значение этого свойства увеличивается, вверх - уменьшается.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>parent</b></p><br>
<p>Возвращает ссылку на родительское окно, если текущий объект window представляет собой фреймы. В противном случае возвращается ссылка на само это окно.</p>
<br><p><b>personalbar</b></p><br>
<p>Возвращает ссылку на объект панели Personal Bar окна Navigator. ЕдИнственное свойство этого объекта visible позволяет показать ее или убрать; значение true этого объекта показывает панель адреса, false убирает.</p>
<p>Поддерживается только Navigator начиная с 4.0</p>
<br><p><b>screen</b></p><br>
<p>Возвращает ссылку на объект screen.</p>
<br><p><b>screenLeft</b></p><br>
<p>Возвращает горизонтальную координату левого верхнего угла окна.</p>
<p>Поддерживается только IE начиная с 5.0</p>
<br><p><b>screenTop</b></p><br>
<p>Возвращает вертикальную координату левого верхнего угла окна.</p>
<p>Поддерживается только IE начиная с 5.0</p>
<br><p><b>screenX</b></p><br>
<p>Горизонатльная координата левого верхнего угла окна.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>screenY</b></p><br>
<p>Вертикальная координата левого верхнего угла окна.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>scrollbars</b></p><br>
<p>Возвращает ссылку на объект полос прокрутки окна NN. Единственное свойство этого объекта visible позволит показать полосу или убрать; значение true этого свойства показывает полосу прокрутки, false убирает.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>self</b></p><br>
<p>Возвращает ссылку на объект window текущего окна.</p>
<br><p><b>status</b></p><br>
<p>Текст, отображаемый в строке состояния окна Web-обозревателя.</p>
<br><p><b>statusbar</b></p><br>
<p>Возвращает ссылку на объект строки состояния окна NN. Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает строку состояния, false убирает.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>toolbar</b></p><br>
<p>Возвращает ссылку на объект панели инструментов окна NN. Единственное свойство этого объекта visible позволит показать полосу или убрать; значение true этого свойства показывает панель инструментов, false убирает.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>top</b></p><br>
<p>Возвращает ссылку на родительское окно самого верхнего уровня, если текущий объект window представляет собой фрейм. В противном случае возвращается ссылка на само это окно.</p>
<br><p><b>window</b></p><br>
<p>То же, что и self.</p>
<section>
<h3 id='19'>
<span>Свойства</span>
</h3>
<p>Объект <b>window</b> представляет текущее окно Web-обозревателя или отдельный фрейм, если окно разделено на фреймы.</p>
<br><p><b>closed</b></p><br>
<p>Возвращает true, если текущее окно закрыто. Может быть использовано при работе с несколькими окнами.</p>
<br><p><b>defaultStatus</b></p><br>
<p>Сообщение по умолчанию, отображаемое в строке состояния окна.</p>
<br><p><b>document</b></p><br>
<p>Возвращает ссылку на документ, загруженный в текущее окно.</p>
<br><p><b>frames</b></p><br>
<p>Возвращает ссылку на коллекцию фреймов.</p>
<br><p><b>history</b></p><br>
<p>Возвращает ссылку на объект истории Web-обозревателя.</p>
<br><p><b>innerHeight</b></p><br>
<p>Возвращает высоту клиентской области окна (без рамок, меню, панелей инструментов) в пикселах.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>innerWidth</b></p><br>
<p>Возвращает ширину клиентской области окна (без рамок, меню, панелей инструментов) в пикселах.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>length</b></p><br>
<p>Возвращает количество фреймов.</p>
<br><p><b>location</b></p><br>
<p>Возвращает ссылку на объект location документа, загруженного в текущее окно.</p>
<br><p><b>locationbar</b></p><br>
<p>Возвращает ссылку на объект панели адреса окна Navigator (она же Location Toolbar). Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает панель адреса, false убирает.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>menubar</b></p><br>
<p>Возвращает ссылку на объект панели адреса окна Navigator. Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает панель адреса, false убирает.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>name</b></p><br>
<p>Возвращает имя окна или фрейма.</p>
<br><p><b>navigator</b></p><br>
<p>Возвращает ссылку на объект Web-обозревателя.</p>
<br><p><b>opener</b></p><br>
<p>Возвращает ссылку на окно, которое открыло текущее окно, например, методом open.</p>
<br><p><b>outerHeight</b></p><br>
<p>Возвращает полную высоту окна (с рамками, меню, панелями инструментов) в пикселах.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>outerWidth</b></p><br>
<p>Возвращает полную ширину окна (с рамками, меню, панелями инструментов) в пикселах.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>pageXOffset</b></p><br>
<p>Возвращает расстояние по горизонтали между текущей позицией окна и левой границей документа. При прокручивании содержимого окна право значение этого свойства увеличивается, влево - уменьшается.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>pageYOffset</b></p><br>
<p>Возвращает расстояние по вертикали между текущей позицией окна и левой границей документа. При прокручивании содержимого окна вниз значение этого свойства увеличивается, вверх - уменьшается.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>parent</b></p><br>
<p>Возвращает ссылку на родительское окно, если текущий объект window представляет собой фреймы. В противном случае возвращается ссылка на само это окно.</p>
<br><p><b>personalbar</b></p><br>
<p>Возвращает ссылку на объект панели Personal Bar окна Navigator. ЕдИнственное свойство этого объекта visible позволяет показать ее или убрать; значение true этого объекта показывает панель адреса, false убирает.</p>
<p>Поддерживается только Navigator начиная с 4.0</p>
<br><p><b>screen</b></p><br>
<p>Возвращает ссылку на объект screen.</p>
<br><p><b>screenLeft</b></p><br>
<p>Возвращает горизонтальную координату левого верхнего угла окна.</p>
<p>Поддерживается только IE начиная с 5.0</p>
<br><p><b>screenTop</b></p><br>
<p>Возвращает вертикальную координату левого верхнего угла окна.</p>
<p>Поддерживается только IE начиная с 5.0</p>
<br><p><b>screenX</b></p><br>
<p>Горизонатльная координата левого верхнего угла окна.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>screenY</b></p><br>
<p>Вертикальная координата левого верхнего угла окна.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>scrollbars</b></p><br>
<p>Возвращает ссылку на объект полос прокрутки окна NN. Единственное свойство этого объекта visible позволит показать полосу или убрать; значение true этого свойства показывает полосу прокрутки, false убирает.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>self</b></p><br>
<p>Возвращает ссылку на объект window текущего окна.</p>
<br><p><b>status</b></p><br>
<p>Текст, отображаемый в строке состояния окна Web-обозревателя.</p>
<br><p><b>statusbar</b></p><br>
<p>Возвращает ссылку на объект строки состояния окна NN. Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает строку состояния, false убирает.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>toolbar</b></p><br>
<p>Возвращает ссылку на объект панели инструментов окна NN. Единственное свойство этого объекта visible позволит показать полосу или убрать; значение true этого свойства показывает панель инструментов, false убирает.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>top</b></p><br>
<p>Возвращает ссылку на родительское окно самого верхнего уровня, если текущий объект window представляет собой фрейм. В противном случае возвращается ссылка на само это окно.</p>
<br><p><b>window</b></p><br>
<p>То же, что и self.</p>
</section>
<section>
<h3 id='20'>
<span>Методы</span>
</h3>
<br><p><b>alert()</b></p><br>
<p>alert({Текст})</p>
<p>Выводит на экран окно предупреждения с текстом, переданным в качестве параметра.</p>
<br><p><b>back()</b></p><br>
<p>Возвращается к предыдущему документу, как если бы на панели инструментов нажали кнопку Назад.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>blur()</b></p><br>
<p>Удаляет фокус с окна.</p>
<br><p><b>clearInterval()</b></p><br>
<p>clearInterval({Таймер})</p>
<p>Останавливает таймер, установленный методом <b>setInterval</b>.</p>
<br><p><b>clearTimeout()</b></p><br>
<p>clearTimeout({Таймер})</p>
<p>Останавливает таймер, установленный методом <b>setTimeout</b>.</p>
<br><p><b>close()</b></p><br>
<p>Закрывает текущее окно. Если окно было открыто методом <b>open()</b>, то оно закрывается сразу же, если же оно было открыто пользователем, сначало появляется окно предупреждения, предлагающее пользователю сделать выбор.</p>
<br><p><b>confirm()</b></p><br>
<p>confirm({Текст})</p>
<p>Выводит на экран окно предупреждения с текстом, переданным в качестве параметра, предлагающее пользователю сделать выбор. Если пользователь нажмет Ок, возвращается true, если Отмена - false.</p>
<br><p><b>execScript()</b></p><br>
<p>execScript({Выражение},{Язык})</p>
<p>Вычисляет переданное в качестве первого параметра выражение. Второй аргумент должен иметь значение "JavaScript".</p>
<p>Поддерживается только IE начиная с 4.0</p>
<br><p><b>find()</b></p><br>
<p>find([{Строка поиска}[, true|false, true|false]])</p>
<p>Выводит на экран диалоговое окно задания параметров поиска.</p>
<p>Первым аргументом передается строка поиска.</p>
<p>Второй задает, будет ли поиск производиться с учетом регистра символов (true) или нет (false, значение по умолчанию).</p>
<p>Третий - будет ли поиск производиться с конца документа к началу (true) или обычным порядком (false, значение по умолчанию). </p>
<p>Возвращает true, если поиск был успешным.</p>
<p>Поддерживается тольк NN начиная с 4.0</p>
<br><p><b>focus()</b></p><br>
<p>Переносит фокус на текущее окно.</p>
<br><p><b>forward()</b></p><br>
<p>Переходит к следующему документу в списке истории, как если бы на панели инструментов нажали кнопку Вперед.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>home()</b></p><br>
<p>Переходит на "домашнюю" страницу, заданную в настройках Web-обозревателя, как если бы на панели инструментов нажали кнопку Домой.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>moveBy()</b></p><br>
<p>moveBy({X},{Y})</p>
<p>Перемещает окно на X пикселов вправо и на Y пикселов вниз. Для перемещения влево и вверх задайте отрицательные значения X и Y.</p>
<br><p><b>moveTo()</b></p><br>
<p>moveTo({X},{Y})</p>
<p>Перемещает окно в точку экрана, заданную координатами X и Y.</p>
<br><p><b>navigate()</b></p><br>
<p>navigate({Адрес})</p>
<p>Загружает в окно Web-страницу, адрес которой передан в качестве параметра.</p>
<p>Поддерживается только IE.</p>
<br><p><b>open()</b></p><br>
<p>open({Адрес}, {Имя окна}, [{Список свойств окна, разделенных запятыми}])</p>
<p>Открывает новое окно Web-обозревателя, загружает в него документ, адрес которого передан в первом параметре, и присваивает окну имя, переданное во втором параметре.</p>
<p>В третьем параметре может быть передан список свойств окна.</p>
<br><p><b>print()</b></p><br>
<p>Печатает содержимое окна на принтере.</p>
<br><p><b>prompt()</b></p><br>
<p>prompt({Приглашение}, [{Значение по умолчанию}])</p>
<p>Выводит на экран диалоговое окно с полем ввода, приглашающее пользователя ввести какое-либо строковое значени. Текст приглашения передается в качестве первого параметра; во втором параметре может быть передано значение по умолчанию.</p>
<br><p><b>resizeBy()</b></p><br>
<p>resizeBy({X},{Y})</p>
<p>Увеличивает окно на X пикселов по горизонтали и на Y пикселов по вертикали. Для уменьшения окна задайте отрицательные значения X и Y.</p>
<br><p><b>resizeTo()</b></p><br>
<p>resizeTo({X},{Y})</p>
<p>Увеличивает или уменьшает окно до размера, заданного значениями X и Y.</p>
<br><p><b>scroll()</b></p><br>
<p>scroll({X},{Y})</p>
<p>Прокручивает содержимое окна до точки с координатами X и Y. Не рекомендуется к использованию и сохранен только для совместимости.</p>
<br><p><b>scrollBy()</b></p><br>
<p>scrollBy({X},{Y})</p>
<p>Прокручивает содержимое окна на X пикселов вправо и на Y пикселов вниз. Для прокрутки влево и вверх задайте отрицательные значения X и Y.</p>
<br><p><b>scrollTo()</b></p><br>
<p>scrollTo({X},{Y})</p>
<p>Прокручивает содержимое окно в точку, заданную значениями X и Y.</p>
<br><p><b>setHotKeys()</b></p><br>
<p>setHotKeys(true|false)</p>
<p>Разрешает (true) или запрещает (false) "горячие" клавиши в окне, не имеющем строки меню.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>setInterval()</b></p><br>
<p>setInterval({Функции или выражение},{Интервал}, [{Список аргументов функции, разделенных запятыми}])</p>
<p>Вычисляет значение выражения или вызывает функцию каждый раз по истечении заданного интервала (в миллисекундах). Может передавать в функцию заданные в списке аргументы.</p>
<p>Возвращает указатель на объект таймера, который можно использовать в методе <b>clearInterval</b> для остановки и уничтожения таймера.</p>
<br><p><b>setResizeeable()</b></p><br>
<p>setResizeeable(true|false)</p>
<p>Разрашает (true) или запрещает (false) пользователю изменять размеры окна.</p>
<p>Поддерживается только NN начиная с 4.0</p>
<br><p><b>setTimeout()</b></p><br>
<p>setTimeout({Функции или выражение},{Интервал}, [{Список аргументов функции, разделенных запятыми}])</p>
<p>Вычисляет значение выражения или вызывает функцию по истечении заданного интервала (в миллисекундах), если до этого небыл вызван метод <b>clearTimeout</b>. Может передавать в функцию заданные в списке аргументы. Возварщает указатель на объект таймера, который можно использовать в методе <b>clearTimeout</b> для остановки и уничтожения таймера.</p>
<br><p><b>stop()</b></p><br>
<p>Останавливает загрузку текущей страницы.</p>
<p>Поддерживается только NN начиная с 4.0</p>
</section>
<section>
<h3 id='21'>
<span>Свойства окна, передаваемые методу open</span>
</h3>
<br><p><b>alwaysLowered</b></p><br>
<p>alwaysLowered=yes|no</p>
<p>Если yes, то создаваемое окно будет всегда находиться под другими окнами, даже если оно имеет фокус.</p>
<p>Поддерживается только NN начиная с 4.06</p>
<br><p><b>alwaysRaised</b></p><br>
<p>alwaysRaised=yes|no</p>
<p>Если yes, то создаваемое окно будет всегда находиться над другими окнами, даже если оно не имеет фокуса.</p>
<p>Поддерживается только NN начиная с 4.06</p>
<br><p><b>channelmode</b></p><br>
<p>channelmode=yes|no</p>
<p>Если yes, то создаваемое окно будет отображаться с панелью каналов (так называемый "режим театра").</p>
<p>Поддерживается только IE начиная с 4.0</p>
<br><p><b>dependent</b></p><br>
<p>dependent=yes|no</p>
<p>Если yes, то создаваемое окно будет дочерним по отношению к создавшему, т.е. при закрытии создающего окна будет закрываться и создаваемое.</p>
<p>Поддерживается только NN начиная с 4.06</p>
<br><p><b>directories</b></p><br>
<p>directories=yes|no</p>
<p>Включает или отключает отображение кнопок директорий Navigator, у создаваемого окна.</p>
<br><p><b>fullscreen</b></p><br>
<p>fullscreen=yes|no</p>
<p>Если yes, то создаваемое окно займет весь экран (так называемый "режим киоска").</p>
<p>Поддерживается только IE начиная с 4.0</p>
<br><p><b>height</b></p><br>
<p>height={Высота}</p>
<p>Задает высоту создаваемого окна в пикселах.</p>
<br><p><b>hotkeys</b></p><br>
<p>hotkeys=yes|no</p>
<p>Если no, то большинство "горячих" клавиш будут запрещены в создаваемом окне.</p>
<p>Поддерживается тольк NN начиная с 4.06</p>
<br><p><b>innerHeight</b></p><br>
<p>innerHeight={Высота}</p>
<p>Задает высоту клиентской области создаваемого окна в пикселах.</p>
<p>Поддерживается только NN начиная с 4.06</p>
<p>Рекомендуется использовать вместо height</p>
<br><p><b>innerWidth</b></p><br>
<p>innerWidth={Ширина}</p>
<p>Задает ширину клиентской области создаваемого окна в пикселах.</p>
<p>Поддерживается только NN начиная с 4.06</p>
<p>Рекомендуется использовать вместо width</p>
<br><p><b>left</b></p><br>
<p>left={X}</p>
<p>Задает горизонтальную координату левого верхнего угла создаваемого окна.</p>
<p>Поддерживается только IE начиная с 4.0</p>
<br><p><b>location</b></p><br>
<p>location=yes|no</p>
<p>Включает или отключает отображение панели адреса, включающего строку ввода адреса, у создаваемого окна.</p>
<br><p><b>menubar</b></p><br>
<p>menubar=yes|no</p>
<p>Включает или отключает отображение строки меню у создаваемого окна.</p>
<br><p><b>outerHeight</b></p><br>
<p>outerHeight={Высота}</p>
<p>Задает полную (с рамками, строкой меню, полосами инструментов) высоту создаваемого окна в пикселах.</p>
<p>Поддерживается только NN начиная с 4.06</p>
<p>Рекомендуется к использованию вместо height.</p>
<br><p><b>outerWidth</b></p><br>
<p>outerWidth={Ширина}</p>
<p>Задает полную (с рамками, строкой меню, полосами инструментов) ширину создаваемого окна в пикселах.</p>
<p>Поддерживается только NN начиная с 4.06</p>
<p>Рекомендуется к использованию вместо width.</p>
<br><p><b>replace</b></p><br>
<p>replace=yes|no</p>
<p>Если yes, то адрес документа, размещаемого в создаваемом окне, заменит в списке истории адрес документа, находящегося в создающем окне.</p>
<p>Поддерживается тольк IE начиная с 4.0</p>
<br><p><b>resizable</b></p><br>
<p>resizable=yes|no</p>
<p>Включает или отключает возможность изменения размера создаваемого окна.</p>
<br><p><b>screenX</b></p><br>
<p>screenX={X}</p>
<p>То же, что и left для IE.</p>
<p>Поддерживается только NN начиная с 4.06</p>
<br><p><b>screenY</b></p><br>
<p>screenY={Y}</p>
<p>То же, что и top для IE.</p>
<p>Поддерживается только NN начиная с 4.06</p>
<br><p><b>scrollbars</b></p><br>
<p>scrollbars=yes|no</p>
<p>Включает или отключает отображение полос прокрутки у создаваемого окна.</p>
<br><p><b>status</b></p><br>
<p>status=yes|no</p>
<p>Включает или отключает отображение строки состояния у создаваемого окна.</p>
<br><p><b>titlebar</b></p><br>
<p>titlebar=yes|no</p>
<p>Включает или отключает отображение заголовка у создаваемого окна.</p>
<p>Поддерживается только IE начиная с 4.0</p>
<br><p><b>toolbar</b></p><br>
<p>toolbar=yes|no</p>
<p>Включает или отключает отображение панели инструментов у создаваемого окна.</p>
<br><p><b>top</b></p><br>
<p>top={Y}</p>
<p>Задает вертикальную координату левого верхнего угла создаваемого окна.</p>
<p>Поддерживается только IE начиная с 4.0</p>
<br><p><b>width</b></p><br>
<p>width={Ширина}</p>
<p>Задает ширину создаваемого окна в пикселах.</p>
<br><p><b>z-lock</b></p><br>
<p>z-lock=yes|no</p>
<p>Если yes, то создаваемое окно никогда не будет перемещаться выше других окон, даже если получает фокус.</p>
<p>Поддерживается только NN начиная с 4.06</p>
<p>Вместо значений yes и no вы можете использовать 1 и 0, либо если вообще указывается параметр - соответствует yes, если параметр не указан - no.</p>
<p>Некоторые версии Web-обозревателей для определенных параметров принимают только значения 1 и 0.</p>
</section>
<section>
<h3 id='22'>
<span>Работа с окнами</span>
</h3>
<p>Давайте поподробнее остановимся на некоторых моментах использования свойств и методов окон.</p>
<p>Прежде всего, требуется дополнительное рассмотрение метода <b>open</b>. Он позволяет Web-дизайнеру открыть на экране дополнительное окно Web-обозревателя и поместить в него какую-либо страницу - очень полезное средство для разработки сложных многостраничных сайтов.</p>
<p>var contentsWindow;contentsWindow = window.open("http://www.spravkaweb.ru/contents.htm","contents");</p>
<p>В этом примере мы создали новое окно, загрузили в него некую Web-страницу и присвоили ей имя <i>contents</i>. Метод <b>open</b> вернул ссылку на объект вновь созданного окна, которую мы можем впоследствии использовать для работы с этим окном:</p>
<p>contentsWindow.Left = 300;</p>
<p>Имя окна можно использовать в атрибуте <i>TARGET</i> тега <A>:</p>
<p><A href="http://www.spravkaweb.ru/contents2.htm"target="contents">Содержание</A></p>
<p>Можно использовать дополнительные свойства окна, чтобы тонко управлять его характеристиками. Например, мы очень легко можем убрать у вновь создаваемого окна полосу инструментов и строку состояния:</p>
<p>contentsWindow = window.open("http://www.spravkaweb.ru/contents.htm","contents", "toolbar=no", "status=no");</p>
<p>Мы можем задать начальные координаты и размеры создаваемого окна:</p>
<p>contentsWindow = window.open("http://www.spravkaweb.ru/contents.htm","contents", "top=100", "left=200", "width=400", height="200");</p>
<p>А эта строка будет работать только в NN версии 4.06 или более поздней:</p>
<p>contentsWindow = window.open("http://www.spravkaweb.ru/contents.htm","contents", "screenY=100", "screenX=200", "outerWidth=400",outerHeight="200");</p>
<p>Когда создание окна перестанет быть нужным, его можно закрыть при помощи метода <b>close</b>. Свойство <i>closed</i> позволит в дальнейшем проверить, закрыто ли это окно (например, если его закроет пользователь):</p>
<p>contentsWindow.close;if(contentsWindow.closed) . . .</p>
<p>Свойство <i>status</i> позволяет поместить в строку состояния какой-либо текст, отличный от текста по умолчанию:</p>
<p>window.status = "Справочник WEB - языков";</p>
<p>А свойство <i>defaultStatus</i> позволит также просто вернуть туда текст по умолчанию:</p>
<p>window.status = window.defaultStatus;</p>
<p>Вы также можете вести примитивный диалог с пользователем, используя три специально предусмотренных метода. Метод <b>alert</b> выводит на экран окно предупреждения с заданным текстом и кнопкой <i>Ок</i>:</p>
<p>window.alert("Привет!!!");</p>
<p>Метод <b>confirm</b> отображает окно сообщения с текстом и кнопками <i>Ок</i> и <i>Отмена</i>. Если пользователь нажал <i>Ок</i>, возвращается true, иначе - false.</p>
<p>if(window.confirm("Выберите что-нибудь.")) alert("Вы нажали Ок");else alert("Вы нажали Отмена");</p>
<p>Метод <b>prompt</b> позволяет запросить у пользователя какие-либо данные. Он выводит диалоговое окно с полем ввода и кнопками <i>Ок</i> и <i>Отмена</i>. В качестве параметров принимается текст приглашения и необязательный текст по умолчанию, отображаемый в поле ввода:</p>
<p>string=window.prompt("Пример использования метода prompt:", "Введите что-нибудь");alert(string);</p>
</section>
</section>
<section>
<h3 id='23'>
<span>Объект layer</span>
</h2>
<p>Все слои, определенные в документе, доступны как элементы коллекции <b>layers</b>.</p>
<p>document.layers[2];document.layers["somelayer"];</p>
<p>NN поддерживает прямой доступ к слоям по имени. Имена слоям даются с помощью атрибута <i>NAME</i> тегов <LAYER> и <ILAYER>:</p>
<p>document.somelayer;</p>
<p>Для доступа к слою, находящемуся внутри другого слоя, используется такой способ:</p>
<p>document.layers["outerlayer"].layers["innerlayer"]</p>
<section>
<h3 id='24'>
<span>Доступ к слоям</span>
</h3>
<p>Все слои, определенные в документе, доступны как элементы коллекции <b>layers</b>.</p>
<p>document.layers[2];document.layers["somelayer"];</p>
<p>NN поддерживает прямой доступ к слоям по имени. Имена слоям даются с помощью атрибута <i>NAME</i> тегов <LAYER> и <ILAYER>:</p>
<p>document.somelayer;</p>
<p>Для доступа к слою, находящемуся внутри другого слоя, используется такой способ:</p>
<p>document.layers["outerlayer"].layers["innerlayer"]</p>
</section>
<section>
<h3 id='25'>
<span>Свойства</span>
</h3>
<br><p><b>above</b></p><br>
<p>Возвращает ссылку на слой, находящийся над текущим (т.е. выше в z-последовательности). Если таких нет, возвращается null.</p>
<br><p><b>background</b></p><br>
<p>Ссылка но объект Image, представляющий фоновый ресунок текущего слоя. Вы можете использовать свойство src этого объекта для задания или получения адреса файла рисунка. Этому свойству можно присвоить ссылку на другой объект Image. Если для текущего слоя не задан фоновый рисунок, возвращается null.</p>
<br><p><b>below</b></p><br>
<p>Возвращает ссылку на слой, находящийся под текущим (т.е. ниже в z-последовательности). Если таких нет, возвращается null.</p>
<br><p><b>bgcolor</b></p><br>
<p>Цвет фона слоя.</p>
<br><p><b>document</b></p><br>
<p>Возвращает ссылку на объект document, представляющий содержимое слоя.</p>
<br><p><b>left</b></p><br>
<p>Горизонтальная координата левого верхнего угла слоя в пикселах.</p>
<br><p><b>name</b></p><br>
<p>Имя тега, заданного в атрибуте NAME.</p>
<br><p><b>pageX</b></p><br>
<p>Горизонтальная координата слоя относительно остального документа в пикселах.</p>
<br><p><b>pageY</b></p><br>
<p>Вертикальная координата слоя относительно остального документа в пикселах.</p>
<br><p><b>parentLayer</b></p><br>
<p>Возвращает ссылку на родительский слой или объект window, если родительского слоя нет.</p>
<br><p><b>siblingAbove</b></p><br>
<p>Возвращает ссылку на слой, находящийся над текущим (т.е. выше в z-последовательности) и имеющий того же родителя. Если таких нет, возвращает null.</p>
<br><p><b>siblingBelow</b></p><br>
<p>Возвращает ссылку на слой, находящийся под текущим (т.е. виже в z-последовательности) и имеющий того же родителя. Если таких нет, возвращает null.</p>
<br><p><b>src</b></p><br>
<p>Возвращает адрес файла документа, отображаемого в слое.</p>
<br><p><b>top</b></p><br>
<p>Вертикальная координата левого верхнего угла слоя в пикселах.</p>
<br><p><b>visibility</b></p><br>
<p>Видимость слоя: show показывает его, hide скрывает, а inherit наследует видимость от родителя (это поведение по умолчанию).</p>
<br><p><b>window</b></p><br>
<p>Возвращает ссылку на объект window (или frame), где находится текущий слой.</p>
<br><p><b>x</b></p><br>
<p>То же самое, что <b>left</b>.</p>
<br><p><b>y</b></p><br>
<p>То же самое, что <b>top</b>.</p>
<br><p><b>zIndex</b></p><br>
<p>Порядок перекрытия слоев. Слои с большим значением этого свойства перекрывают слои с меньшим значением. По умолчанию равно нулю.</p>
</section>
<section>
<h3 id='26'>
<span>Методы</span>
</h3>
<br><p><b>load</b></p><br>
<p>load({Адрес файла нового документа}, {Новая ширина слоя в пикселах})</p>
<p>Позволяет заменить содержимое слоя. В качестве первого параметра принимается интернет-адрес документа, который будет отображен в текущем слое. В качестве второго параметра указывается новая ширина текущего слоя в пикселах.</p>
<br><p><b>moveAbove</b></p><br>
<p>moveAbove({Имя слоя})</p>
<p>Перемещает текущий слой выше слоя, имя которого передано в качестве параметра.</p>
<br><p><b>moveBelow</b></p><br>
<p>moveBelow({Имя слоя})</p>
<p>Перемещает текущий слой ниже слоя, имя которого передано в качестве параметра.</p>
<br><p><b>moveBy</b></p><br>
<p>moveBy({X},{Y})</p>
<p>Перемещает слой на X пикселов вправо и на Y пикселов вниз. Для перемещения влево и вверх задайте отрицательные значения X и Y.</p>
<br><p><b>moveTo</b></p><br>
<p>moveTo({X},{Y})</p>
<p>Перемещает слой в точку, заданную координатами X и Y. Координаты отсчитываются относительно родительского слоя (если такой есть).</p>
<br><p><b>moveToAbsolute</b></p><br>
<p>moveToAbsolute({X},{Y})</p>
<p>Перемещает слой в точку, заданную координатами X и Y. Координаты отсчитываются относительно документа.</p>
<br><p><b>resizeBy</b></p><br>
<p>resizeBy({X},{Y})</p>
<p>Увеличивает слой на X пикселов по горизонтали и на Y пикселов по вертикали. Для его уменьшения задайте отрицательные значения X и Y.</p>
<br><p><b>resizeTo</b></p><br>
<p>resizeTo({X},{Y})</p>
<p>Увеличивает слой до размера, заданного значениями X и Y.</p>
</section>
</section>
<section>
<h3 id='27'>
<span>Объект navigator</span>
</h2>
<br>
<br>
<p>Объект <b>navigator</b> служит для доступа к самой программе Web-обозревателя. Не путайте его с объектом <b>window</b>, представляющем текущее окно Web-обозревателя, и названием программы Netscape Navigator.</p>
<br><p><b>appCodeName</b></p><br>
<p>Возвращает имя кода программы Web-обозревателя. И для Internet Explorer, и для Navigator вернет строку "Mozilla".</p>
<br><p><b>appMinorVersion</b></p><br>
<p>Возвращает младшую цифру номера версии программы Web-обозревателя. Например, для Internet Explorer 5.0 вернет "0", а для 5.5 - "5". </p>
<p>Поддерживается только Internet Explorer начиная с 4.0</p>
<br><p><b>appName</b></p><br>
<p>Возвращает имя программы Web-обозревателя, например, "Netscape" или "Microsoft Internet Explorer".</p>
<br><p><b>appVersion</b></p><br>
<p>Возвращает версию программы Web-обозревателя.</p>
<br><p><b>browserLanguage</b></p><br>
<p>Возвращает код программы Web-обозревателя. Поддерживается только IE начиная с 4.0</p>
<br><p><b>cookieEnabled</b></p><br>
<p>Возвращает true, если Web-обозревателю разрешен пользователем прием cookie. Поддерживается только IE начиная с 4.0</p>
<br><p><b>cpuClass</b></p><br>
<p>Возвращает класс процессора клиентского компьютера, например, "x86" или "Alpha". Поддерживается только IE начиная с 4.0</p>
<br><p><b>language</b></p><br>
<p>Возвращает код языка программы Web-обозревателя. Поддерживается только NN начиная с 4.0</p>
<br><p><b>onLine</b></p><br>
<p>Возвращает true, если клиент в настоящее время подключен к интернету (находится в режиме on-line), и false, если отключен (off-line). </p>
<p>Поддерживается только IE начиная с 4.0</p>
<br><p><b>platform</b></p><br>
<p>Возвращает название клиентской платформы, например, "Win32".</p>
<br><p><b>systemLanguage</b></p><br>
<p>Возвращает код языка операционной системы клиента. Поддерживается только IE начиная с 4.0</p>
<br><p><b>userAgent</b></p><br>
<p>Возвращает строку, идентифицирующую Web-обозреватель клиента. Является комбинацией значений свойств appCodeName и appVersion.</p>
<br><p><b>userLanguage</b></p><br>
<p>То же самое, что browserLanguage.</p>
<p>Поддерживается только IE начиная с 4.0</p>
<br>
<br>
<br>
<p>Объект <b>navigator</b> поддерживает, кроме того, метод <b>javaEnabled()</b>, возвращающий true, если Web-обозревателю разрешено пользователем выполнение сценариев JavaScript.</p>
<p>Немного более подробно хотелось бы сказать о свойстве <b>appVersion</b>, а точнее о возвращаемом им значении. Все дело в том, что у IE и NN оно будет разным.</p>
<p>Вот какой формат будет у Navigator:</p>
<p>{Версия} [{Язык}] ({Операционная система}; U|I)</p>
<p>Здесь <i>{Версия}</i> представляет собой версию Web-обозревателя, <i>{Язык}</i> - язык программы (но может и отсутствовать), <i>{Операционная система}</i> - обозначение операционной системы клиента, например, "Win96", "Win16" или "WinNT", буква "U" - американскую версию программы, а "I" - интернациональную.</p>
<p>Например:</p>
<p>4.0 [ru] (Win95; I)</p>
<p>У Internet Explorer формат вывода значений свойства <b>appVersion</b> другой:</p>
<p>{Совместимая версия Navigator} (compatible; {Версия}; {Операционная система})</p>
<p>Здесь <i>{Операционная система}</i> может принимать значения "Windows 3.1", "Windows 3.11", "Windows 95" или "Windows NT".</p>
<p>2.0 (compatible; 3.01; Win95)</p>
<p>Свойство <i>userAgent</i> возвращает значение, имеющее формат:</p>
<p>{Значение appCodeName}/{Значение appVersion}</p>
<p>То есть, для двух предыдущих примеров мы получим следующие значения:</p>
<p>Mozilla/4.0 (Win95; I)Mozilla/2.0 (compatible; 3.01; Win95)</p>
</section>
<section>
<h3 id='28'>
<span>Объект screen</span>
</h2>
<p>Объект <b>screen</b> служит для доступа к характеристикам видеосистемы компьютера клиента.</p>
<br><p><b>availHeight</b></p><br>
<p>Возвращает высоту полезной области экрана без панели задач и подобных ей элементов графического интерфейса системы.</p>
<br><p><b>availWidth</b></p><br>
<p>Возвращает ширину полезной области экрана без панели задач и подобных ей элементов графического интерфейса системы.</p>
<br><p><b>colorDepth</b></p><br>
<p>Возвращает глубину цвета. Для 16 цветов возвращается 2, для 256 - 8, для 16,7 миллионов цветов (режим High Color) - 32</p>
<br><p><b>height</b></p><br>
<p>Возвращает полную высоту экрана.</p>
<br><p><b>width</b></p><br>
<p>Возвращает полную ширину экрана.</p>
</section>
<section>
<h3 id='29'>
<span>Объект history</span>
</h2>
<p>Объект <b>history</b> представляет интерфейс к списку истории Web-обозревателя, т.е. списку всех Web-страниц, просмотренных пользователем в течение времени, указанного в настройках.</p>
<br><p><b>Свойства объекта history</b></p><br>
<br><p><b>current</b></p><br>
<p>Возвращает интернет-адрес документа, загруженного в настоящее время.</p>
<br><p><b>length</b></p><br>
<p>Возвращает размер списка истории.</p>
<br><p><b>next</b></p><br>
<p>Возвращает интернет-адрес следующего в списке истории документа.</p>
<br><p><b>previous</b></p><br>
<p>Возвращает интернет-адрес предыдущего в списке истории документа.</p>
<br><p><b>Методы объекта history</b></p><br>
<br><p><b>back()</b></p><br>
<p>Загружает в окно Web-обозревателя предыдущий документ из списка истории.</p>
<br><p><b>forward()</b></p><br>
<p>Загружает в окно Web-обозревателя следующий документ из списка истории.</p>
<br><p><b>go()</b></p><br>
<p>go({Адрес})</p>
<p>Загружает в окно Web-обозревателя следующий документ из списка истории, интернет-адрес которого наиболее близок к переданному в качестве параметра.</p>
<p>Поддерживается только NN.</p>
<p>go({Позиция})</p>
<p>Перемещается в списке истории на позицию, номер которой передан в качестве параметра.</p>
<p>Поддерживается только IE начиная с 4.0</p>
<p>go({Приращение})</p>
<p>Перемещается в списке историй на количество позиций, переданных в качестве параметра. Можно задавать как положительные, так и отрицательные значения приращения.</p>
<p>Поддерживается только NN.</p>
</section>
</section>
<div id="adfox_164786071391256813"></div>
<script>
window.yaContextCb.push(() => {
Ya.adfoxCode.createAdaptive({
ownerId: 332443,
containerId: 'adfox_164786071391256813',
params: {
p1: 'ctdwx',
p2: 'gxmy'
}
}, ['desktop', 'tablet', 'phone'], {
tabletWidth: 830,
phoneWidth: 480,
isAutoReloads: false
})
})
</script>
<div class="pagination">
<!-- if($content->bookInfo->litres_url == "" -->
<a href="https://fb2.top/spravochnik-po-javascript-267602"
class="btn btn-outline-dark btn-block btn-lg mr-1">К описанию</a>
<a href="#" class="btn btn-outline-dark btn-block btn-lg mx-1 mt-0" data-toggle="modal"
data-target="#modalContents"><i class="fas fa-list-ul"></i></a>
<a href="https://fb2.top/spravochnik-po-javascript-267602/read/part-2"
class="btn btn-outline-dark btn-block btn-lg mt-0 ml-1">Далее ></a>
<!-- // if($content->bookInfo->litres_url == "" -->
</div>
</div>
<div class="d-none d-lg-block col-lg-4 col-xl-4">
<div class="sidebar">
<div class="sidebar-inner">
<div class="sidebar-box tg mt-3 mt-lg-0 ">
<div class="sidebar-content">
<div class="sidebar-title"><img src="/img/tg_logo_32.png"> ТЕЛЕГРАМ</div>
<p>Канал с обзорами, анонсами новинок и книжными подборками</p>
<a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/duosoft_books"
onclick="ym(67247512,'reachGoal','5');"><img src="/img/vestnik.knig-32.jpg"> Книжный Вестник</a>
<div class="grey-line mb-3"></div>
<p>Бот для удобного поиска книг (если не нашлось на сайте)</p>
<a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/fb2top_bot"
onclick="ym(67247512,'reachGoal','6');"><img src="/img/bot-32.jpg"> Поиск книг</a>
<div class="grey-line mb-3"></div>
<p>Свежие любовные романы в удобных форматах</p>
<a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/newlovebooks"
onclick="ym(67247512,'reachGoal','7');"><img src="/img/newlovebooks-32.jpg"> Любовные романы</a>
<div class="grey-line mb-3"></div>
<p>О психологии, саморазвитии и личностном росте</p>
<a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/hotpsychologybooks "
onclick="ym(67247512,'reachGoal','21');"><img src="/img/hotpsychologybooks-32.jpg"> Саморазвитие</a>
<div class="grey-line mb-3"></div>
<p>Детективы и триллеры, все новинки</p>
<a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/hotdetectivebooks"
onclick="ym(67247512,'reachGoal','14');"><img src="/img/DETECTIVE-32.jpg"> Детективы</a>
<div class="grey-line mb-3"></div>
<p>Фантастика и фэнтези, все новинки </p>
<a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/hotfantasticbooks"
onclick="ym(67247512,'reachGoal','15');"><img src="/img/fantasy-32.jpg"> Фантастика</a>
<div class="grey-line mb-3"></div>
<p>Отборные классические книги </p>
<a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/freeclassicbooks"
onclick="ym(67247512,'reachGoal','16');"><img src="/img/classicbooks-32.jpg"> Классика</a>
</div>
</div>
<div class="sidebar-box vk mt-3">
<div class="sidebar-content">
<div class="sidebar-title"><img src="/img/vk.png"> ВКОНТАКТЕ</div>
<p>Цитаты, афоризмы, стихи, книжные подборки, обсуждения и многое другое</p>
<a class="vk-btn" rel="nofollow" target="_blank" href="https://vk.com/duosoft_books"
onclick="ym(67247512,'reachGoal','9');"><img src="/img/vestnik.knig-32.jpg"> Книжный Вестник</a>
</div>
</div>
<div class="sidebar-box insta mt-3">
<div class="sidebar-content">
<div class="sidebar-title"> БИБЛИОТЕКИ</div>
<p>Библиотека с любовными романами, которая наверняка придётся по вкусу женской части аудитории</p>
<a class="insta-btn" target="_blank" href="https://ladylib.top"><img src="/img/newlovebooks-32.jpg">
Любовные романы</a>
<div class="grey-line mb-3"></div>
<p>Библиотека с фантастикой и фэнтези, а также смежных жанров</p>
<a class="insta-btn" target="_blank" href="https://fictionbooks.top"><img src="/img/fantasy-32.jpg">
Фантастика</a>
<div class="grey-line mb-3"></div>
<p>Самые популярные книги в формате фб2</p>
<a class="insta-btn" target="_blank" href="https://фб2.рф"><img src="/img/classicbooks-32.jpg"> Топ фб2
книги</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modalContents" tabindex="-1" aria-labelledby="modalContentsTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title p-0">Оглавление</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<a rel='nofollow' href='/abuse?bookId=267602'><i class='fas fa-exclamation-circle'></i> Пожаловаться</a><ul class='pl-2'><li class='mg-0 mt-3 mb-3'><a href='https://fb2.top/spravochnik-po-javascript-267602'>К описанию</a></li><li class='actual mt-1 mg-1'><a href='/spravochnik-po-javascript-267602/read/part-1#1'>Справочкик по JavaScript</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-1#2'>О этом справочнике</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-1#3'>Совместное использование HTML и JavaScript</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#4'>Правила написания скриптов</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#5'>Объектная модель документа</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-1#6'>Объект document</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#7'>Свойства</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#8'>Методы</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#9'>Коллекция объектов</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#10'>Подчиненные объекты и коллекции объекта document</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#11'>Обращение к элементам страницы</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-1#12'>Объект location</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-1#13'>Объект style</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#14'>Свойства и методы</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#15'>Работа с объектом style</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#16'>Объект style в Internet Explorer</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#17'>Объект style в Navigator. JavaScript-стили</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-1#18'>Объект window</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#19'>Свойства</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#20'>Методы</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#21'>Свойства окна, передаваемые методу open</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#22'>Работа с окнами</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-1#23'>Объект layer</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#24'>Доступ к слоям</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#25'>Свойства</a></li><li class=' mt-1 mg-3'><a href='/spravochnik-po-javascript-267602/read/part-1#26'>Методы</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-1#27'>Объект navigator</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-1#28'>Объект screen</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-1#29'>Объект history</a></li><li class=' mt-1 mg-1'><a href='/spravochnik-po-javascript-267602/read/part-2#30'>Советы по JavaScript</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-2#31'>Передача и обработка данных в html-файле</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-2#32'>Чем заменить SSI, или необычное использование JavaScript</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-2#33'>Как сделать страницу стартовой</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-2#34'>Как добавить страницу в избранное</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-2#35'>Как вывести дату последнего изменения страницы</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-2#36'>Как убрать в теге SELECT рамку и стрелку</a></li><li class=' mt-1 mg-2'><a href='/spravochnik-po-javascript-267602/read/part-2#37'>Интересный JavaScript - побуквенное появление текста</a></li></ul>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modalNote" tabindex="-1" role="dialog" aria-labelledby="modalNotesTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">закрыть</span>
</button>
</div>
</div>
</div>
</div>
<div id="reader_nodes" class="d-none">
</div>
<div id="loader-fullscreen">
<div class="d-flex justify-content-center align-items-center">
<div class="spinner-border" role="status">
<span class="sr-only">Загрузка...</span>
</div>
</div>
</div>
<input name="bookId" type="hidden" value="267602">
<input name="from_cache" type="hidden" value="0">
</div>
<footer id="footer">
<div class="container menu-row">
<div>
<a id="btn-zoom-plus" class="pl-1" href="#"><i class="fas fa-search-plus"></i></a>
<a id="btn-zoom-minus" class="pl-3" href="#"><i class="fas fa-search-minus"></i></a>
<a id="btn-moon" class="pl-3" href="#"><i class="far fa-moon"></i></a>
<a id="btn-sun" class="pl-3" href="#"><i class="fas fa-sun "></i></a>
</div>
<div>
</div>
<div>
<a class="tg btn px-1 d-inline d-lg-none" rel="nofollow" target="_blank"
href="https://vk.com/duosoft_books"
onclick="ym(67247512,'reachGoal','9');"><img src="/img/vk.png" class="img-fluid"
alt="Наш паблик в ВК" title="Наш паблик в ВК"></a>
<a class="tg btn px-1 d-inline" rel="nofollow" target="_blank" href="https://t.me/duosoft_books"
onclick="ym(67247512,'reachGoal','5');"><img src="/img/tg_logo_32.png" class="img-fluid"
alt="Наш Телеграм канал"
title="Наш телеграм канал"><span
class="d-none d-md-inline"> Наш канал</span></a>
</div>
</div>
</footer>
<!-- Styles -->
<link rel="stylesheet preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
as="style" type="text/css"/>
<!-- Scripts -->
<script src="/lib/jquery-3.6.0.min.js" defer></script>
<script src="/lib/bootstrap-4.6.0/js/bootstrap.min.js" defer></script>
<script src="/lib/lib.js?v=2" defer></script>
<script src="/js/model/settings.js" defer></script>
<script src="/js/reader.js?v=20" defer></script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] = m[i] || function () {
(m[i].a = m[i].a || []).push(arguments)
};
m[i].l = 1 * new Date();
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(67247512, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true
});
</script>
<noscript>
<div><img src="https://mc.yandex.ru/watch/67247512" style="position:absolute; left:-9999px;" alt=""/></div>
</noscript>
<!-- /Yandex.Metrika counter -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177760544-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-177760544-1');
</script>
<div class="modal fade" id="modalSocials" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title p-0">Нравится библиотека?</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p style="text-align: center">Присоединяйтесь к нашим литературным
сообществам!</p>
<a class="vk-btn" rel="nofollow" target="_blank" href="https://vk.com/duosoft_books"
onclick="ym(67247512,'reachGoal','17');"><img src="/img/vk.png"> ВКОНТАКТЕ</a>
<a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/duosoft_books"
onclick="ym(67247512,'reachGoal','19');"><img src="/img/tg_logo_32.png"> В ТЕЛЕГРАМ</a>
</div>
</div>
</div>
</div>
<div id="adfox_166480280077036586"></div>
<script>
setTimeout(() => {
let shouldReload = true;
window.yaContextCb.push(() => {
Ya.adfoxCode.createAdaptive({
ownerId: 332443,
containerId: 'adfox_166480280077036586',
onClose: function (event) {
shouldReload = false;
},
type: 'floorAd',
params: {
p1: 'cvxjf',
p2: 'heya'
}
}, ['phone'], {
tabletWidth: 830,
phoneWidth: 480,
isAutoReloads: false
})
});
setInterval(function () {
if (shouldReload) {
window.Ya.adfoxCode.reload('adfox_166480280077036586', {onlyIfWasVisible: true});
}
}, 30000);
}, 5000)
</script>
<div id="adfox_16996237345594861"></div>
<script>
if (screen.width >= 830) {
window.yaContextCb.push(() => {
Ya.adfoxCode.createAdaptive({
ownerId: 332443,
type: 'floorAd',
platform: 'desktop',
containerId: 'adfox_16996237345594861',
params: {
p1: 'dabiu',
p2: 'iqvg'
}
}, ['desktop', 'tablet'], {
tabletWidth: 830,
phoneWidth: 480,
isAutoReloads: false
})
})
}
</script>
</body>
</html>