Объектная модель браузера

JavaScript является языком клиентским скриптов. Коды программ, написанные на JavaScript, передаются в клиентский браузер и исполняются им. Поэтому важным вопросом изучения языка JavaScript является понимание объектной модели браузера.

Объектная модель браузера представляет собой строгую иерархическую структуру, позволяющую обращаться к любой части браузера или загруженных страниц с помощью языка JavaScript. Обобщенная объектная модель представлена на рис. 4.

window

Navigator

Screen

History

Location

Event

Frames

Document

all

Images

Areas

Links

Scripts

Stylesheets

forms

Element

Button

Checkbox

Text

Textarea

Password

Radio

Reset

Submit

Select

options

fileupload

Рис.4. Объектная модель браузера.

В качестве примера на рис.5 представлена HTML-страница с указанием соответствия каждого ее элемента объектной модели.

Используя синтаксис JavaScript можно обратиться к любому элементу HTML-документа и изменить его поведение при помощи свойств и методов этого элемента, например:

document.forms[0].elements[0].value = “Milosh”;

Если мы имеем дело с большими страницами, то процедура адресации к различным объектам по номеру может стать весьма неудобной. Во избежание подобной проблемы можно присваивать различным тегам уникальные имена, например:

< form name=" myForm" >

Name: < input type=" text" name=" name" value=" " > < br> E-mail: < input type=" text" name=" email" value=" " > < br> < input type=" submit" name=" submit" value=”Push me”>

< /form>

В этом случае обращение к элементам HTML-документа выглядет следующим образом:

document.myForm.name.value = “Milosh”;

Рис.5. Соответствие HTML-элементов объектной модели браузера.