Справочкик по JavaScript
О этом справочнике
Справочник предназначается для людей, уже освоивших азы программирования в 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
Прежде всего надо отметить, что объект document существует в единственном экземпляре для всего HTML-документа. Он присутствует всегда, если существует HTML-документ, поэтому специально создавать его не требуется.
activeElement
Используется в сценарии для получения ссылки на элемент странички находящийся в данный момент в фокусе
alinkColor
Задает или возвращает цвет активных гиперссылок.
document.alinkColor[ ="{Цвет}"];
anchors
Объекты анкеров представляют собой выражения в документе HTML, описанные в дескрипторе . Данные объекты обозначаются в URL символом #, расположенным между URL странички и именем анкера.
Пример: Получение количества анкеров в документе
var anchorCount=document.anchors.length
applets
Благодаря свойству applets можно обращаться к аплетам java, содержащимся в документе.
bgColor
Задает или возвращает цвет фона страницы. В IE работает правильно, только если цвет страницы установлен атрибутом BGCOLOR.