Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






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






 

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-элементов объектной модели браузера.

 






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.