Основы разработки web-страниц

JavaScript и HTML

Статья из библиотеки сайта Макинтош и образование

Внимание! Это незавершенная страница

На этой странице приведены некоторые справочные данные по объектам, свойствам и методам объектной модели документа (DOM).

Справочный материал по основным элементам языка JavaScript можно найти на странице «JavaScript-шпаргалка»

Объекты среды, браузера, документа

***

Объекты, соответствующие тегам

Тег	Объект	Комментарий
<body>	window	Объект по умолчанию (его свойства и методы можно вызывать без указания объекта)
<a name="...">	Anchor	Элемент массива document.anchors
<a href="...">	Link	Элемент массива document.links
<area href="...">	Area	Элемент массива document.links
<form>	Form	Элемент массива document.forms Позволяет получить доступ к элементам формы
<input type="button"...>	Button	Дочерний объект Form
<input type="checkbox"...>	Checkbox	Дочерний объект Form
<radio>	Radio	Дочерний объект Form
<input type="file"...>	FileUpload	Дочерний объект Form
<input type="hidden"...>	Hidden	Дочерний объект Form
<input type="password"...>	Password	Дочерний объект Form
<input type="text"...>	Text	Дочерний объект Form
<input type="reset"...>	Reset	Дочерний объект Form
<input type="submit"...>	Submit	Дочерний объект Form
<textarea>	Textarea	Дочерний объект Form
<select>	Select	Дочерний объект Form
<option value="...">	Option	Дочерний объект Select
<applet...>	Applet	Элемент массива document.applets
<img...>	Image	Элемент массива document.images

Работа со свойствами объектов

// Пример:
var a = document.form1.a.value; // переменная a получает значение
// поля a формы form1
document.getElementById('nick').innerHTML = n; // текст внутри контейнера
// тега с id="nick" получает значение переменной n

Некоторые методы объекта window

alert (строка) // показать сигнальное окно с сообщением
confirm (строка) // показать диалоговое окно с сообщением
// и кнопками «Отменить» и «Продолжить»
// Метод возвращает логическое значение
prompt (строка_1, строка_2) // показать диалоговое окно с запросом (строка_1)
// и полем ввода со значением по умолчанию (строка_2)
moveTo (целое_1, целое_2) // переместить окно в заданную точку
moveBy (целое_1, целое_2) // переместить окно на заданное расстояние
resizeTo (целое_1, целое_2) // установить размеры окна
resizeBy (целое_1, целое_2) // изменить размеры окна
open (url, имя_окна, параметры)
// создать новое окно, например:
var myWin = window.open('help.html','Справка','statusbar=yes, menubar=yes, toolbar=no, scrollbars=yes, left=10, top=10, width=500, height=300');
close () // закрыть окно

Некоторые методы объекта document

open (url,) // открыть документ (в том же окне)
write (строка,) // вывод строки в документ
writeln (строка,) // вывод строки в документ
close () // прервать загрузку и отобразить документ

Внимание: методы open и close у объектов window и document имеют различное назначение.

Некоторые методы для работы с таймером

setTimeout('код_JavaScript', время) // запустить код через заданное время
clearTimeout(имя_таймера) // отменить setTimeout
setInterval('код_JavaScript', время) //выполнять код через заданное время
clearInterval(имя_таймера) // отменить setInterval
// (время указывается в миллисекундах)
// Пример:
var timer1 = setInterval ('myFunction();', 1000); // Функция myFunction
// будет вызываться каждую секунду
clearInterval (timer1); // Работа таймера будет прекращена