Справочник предназначается для людей, уже освоивших азы программирования в JavaScript.
Справочник создан на основе информации, предоставленной на сайте «Справочник Web-языков» www.spravkaweb.ru.
В связи с тем, что данный ресурс постоянно пополняется новой информацией, скачать обновленную версию справочника можно из раздела Download
Дата выхода данной версии справочника: 12:33, 21 марта 2007.
Также на сайте доступны для скачивания справочники по PHP, CSS, Perl, MySQL.
Совместное использование HTML и JavaScript
Прежде всего надо рассмотреть тег <SCRIPT>. Этот тег служит для вставки скриптов в HTML-код страницы. Его формат:
<SCRIPT [language="{Язык программирования, на котором написан скрипт}"] [src="{Адрес файла со скриптом}"]>. . . Текст скрипта</SCRIPT>
Текст скрипта помещаетс внутрь тега <SCRIPT>
Атрибут language позволяет указать, на каком языке программирования написан скрипт.
Значение по умолчанию - "JavaScript".
Internet Explorer поддерживается скрипты, написанные на языке VBScript, которому соответствует значение атрибута "VBScript".
Navigator позволяет задавать версию интерпретатора JavaScript:
<SCRIPT language="JavaScript 1.2">
Это может пригодиться в случаях, когда вы используете возможность языка JavaScript, специфичную для какой-либо версии.
В следующей таблице приведены версии интерпретатора JavaScript и соответствие их разным версиям Navigator:
Второй атрибут src служит для задания адреса файла, содержащего скрипт.
В этом случае обычно парный тег <SCRIPT> превращается в одинарный:
<SCRIPT src="menu.js">
js - стандартное расширение для JavaScript-файлов.
Но что случиться, если Web-обозреватель не поддерживает скрипты? (Например, это слишком старая версия программы, или пользователь отключил поддержку скриптов в настройках безопасности.) Web-обозреватель проигнорирует тег <SCRIPT> и выведет на экран текст скрипта.
Чтобы избежать этого, скрипт внутри тега <SCRIPT> рекомендуют заключать в комментарий.
<SCRIPT><--. . . Текс скрипта--></SCRIPT>
Однако некоторые версии Navigator в этом случае "не видят" скрипта, хотя, согласно техническим руководствам самой Netscape, должны. Так что этот совет применим только для Internet Explorer.
В качестве альтернативы вы можете использовать тег <NOSCRIPT>.
Этот тег поддерживается Internet Explorer и Navigator:
<NOSCRIPT>. . . Текст, отображаемый, если Web-обозреватель неподдерживает скрипты</NOSCRIPT>
Тег <NOSCRIPT> может помещаться где угодно в тексте страницы, даже вне тега <BODY>. Текст, помещенный внутрь этого тега, будет отображаться вместо всей страницы. То есть, пользователь Web-обозревателя с отключенной поддержкой скриптов увидит в окне только этот текст и больше ничего.
Правила написания скриптов
Прежде всего надо рассмотреть тег <SCRIPT>. Этот тег служит для вставки скриптов в HTML-код страницы. Его формат:
<SCRIPT [language="{Язык программирования, на котором написан скрипт}"] [src="{Адрес файла со скриптом}"]>. . . Текст скрипта</SCRIPT>
Текст скрипта помещаетс внутрь тега <SCRIPT>
Атрибут language позволяет указать, на каком языке программирования написан скрипт.
Значение по умолчанию - "JavaScript".
Internet Explorer поддерживается скрипты, написанные на языке VBScript, которому соответствует значение атрибута "VBScript".
Navigator позволяет задавать версию интерпретатора JavaScript:
<SCRIPT language="JavaScript 1.2">
Это может пригодиться в случаях, когда вы используете возможность языка JavaScript, специфичную для какой-либо версии.
В следующей таблице приведены версии интерпретатора JavaScript и соответствие их разным версиям Navigator:
Второй атрибут src служит для задания адреса файла, содержащего скрипт.
В этом случае обычно парный тег <SCRIPT> превращается в одинарный:
<SCRIPT src="menu.js">
js - стандартное расширение для JavaScript-файлов.
Но что случиться, если Web-обозреватель не поддерживает скрипты? (Например, это слишком старая версия программы, или пользователь отключил поддержку скриптов в настройках безопасности.) Web-обозреватель проигнорирует тег <SCRIPT> и выведет на экран текст скрипта.
Чтобы избежать этого, скрипт внутри тега <SCRIPT> рекомендуют заключать в комментарий.
<SCRIPT><--. . . Текс скрипта--></SCRIPT>
Однако некоторые версии Navigator в этом случае "не видят" скрипта, хотя, согласно техническим руководствам самой Netscape, должны. Так что этот совет применим только для Internet Explorer.
В качестве альтернативы вы можете использовать тег <NOSCRIPT>.
Этот тег поддерживается Internet Explorer и Navigator:
<NOSCRIPT>. . . Текст, отображаемый, если Web-обозреватель неподдерживает скрипты</NOSCRIPT>
Тег <NOSCRIPT> может помещаться где угодно в тексте страницы, даже вне тега <BODY>. Текст, помещенный внутрь этого тега, будет отображаться вместо всей страницы. То есть, пользователь Web-обозревателя с отключенной поддержкой скриптов увидит в окне только этот текст и больше ничего.
Объектная модель документа
Надо отметить, что JavaScript поддерживает так называемые внешние классы и объекты, определенные другими программами.Web-страница, которую вы просматриваете в окне Web-обозревателя, может быть описана как набор объектов. Скажем, она включает большой объект "документ-в-целом" и более мелкие объекты: "абзац-1", "абзац-2", "абзац-1" и "рисунок". Вы можете обращаться к этим объектам из того же JavaScript.
Рисунок.ДвигайВперед;Абзац-1.Ширина = 80%;Абзац-3.Покажи;
Конечно, здесь сильно утрируется, но принцып таков.
Например, рассмотрим скрипт:
var d;d=new Date();document.write(d.toString());
Документ document - это наш "документ-в-целом". А write - его метод, вставляющий текст, переданный в качестве параметра, в текущее место HTML-документа.
Совокупность объектов, описывающая web-страницу, со всеми их методами и свойствами называется объектной моделью документа. А технология создания web-страницы, при которой обычный HTML-код объединяется с JavaScript-кодом, причем последний управляет страницей с помощью объектной модели, называется динамическим HTML (DHTML).
Прежде всего надо отметить, что объект 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:
if (document.getElementById){oBlock = document.getElementById("mydiv");oBlock.style.width = ((document.compatMode) && (document.compatMode == "CSS1Compat")) ? "200px" : "250px";}
defaultCharset
Это свойство устанавливает кодировку, используемую браузером для отображения текущей странички.Различия между charset и defaultCharset не найдено, однако если в сценарии временно изменять свойство charset, для восстановления оригинального набора символов можно воспользоваться defaultCharset.
designMode
Это свойство используется, когда браузер IE выступает в качестве компонента другого приложения, данная ситуация описана здесь. Оно разрешает/запрещает изменение HTML кода текущей странички, в обычных условиях это свойство не имеет никакого действия.