Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Объекты и функции JavaScript




Javascript - связующий все это язык. Встроенные в него объекты и сам язык в идеале должны соответствовать стандарту ECMA-262, но пока что браузеры к этому не пришли. Хотя положительная тенденция есть.

Глобальный объект window имеет две роли:

  1. Это окно браузера. У него есть методы window.focus(),window.open() и другие.
  2. Это глобальный объект JavaScript.

Вот почему он на рисунке представлен зеленым и красным цветом.

 

Web-браузеры представляются пользователям в окне. Все, что пользователь делает с браузером, делается в пределах этого окна. Объект window считается самым главным в иерархии объектов и содержит все остальные клиентские объекты (кроме собственно объекта navigator). Объект window не имеет эквивалентного элемента HTML, но создается при открытии нового окна браузера. Имеет множество свойств и методов. Поскольку это – объект самого верхнего уровня, некоторые методы могут вызываться без упоминания window перед ним. В примерах выше таким образом использовался метод вывода диалогового окна alert.

Объект window содержит 4 дочерних объекта: document, frame, history, location. Среди них важнейшим является объект document, который отвечает за все содержимое, отображаемое на данной странице. Чаще всего документ используется для динамического формирования содержания страницы с помощью методов write и writeln. Применение метода write, который добавляет текст к документу, было показано выше. Следует отметить, что этот метод может добавлять не только текст, но и элементы HTML. При этом браузер добавляет сформированные таким образом элементы в объектную модель и правильно их обрабатывает. Например, следующая страница по своей функциональности полностью аналогична рассмотренной выше, но использует динамическое формирование элемента INPUT:

...

<form id="userForm" method="post" action="handleform.php" onsubmit="return validform()" enctype="multipart/form-data">

<script>

document.writeln("Имя: <INPUT TYPE=\"TEXT\" NAME=\"userName\"onblur=\"validUserName(this.value)\"><br>");

</script>

Пароль: <INPUT TYPE="PASSWORD" NAME="userPassword" onblur="validUserName(this.value)" >

<INPUT TYPE="SUBMIT" value="Послать форму">

</form>

...

Кроме того, объект document используется для доступа к объектам нижнего уровня – form, anchor, link, image и др.

Объект history связан с способностью браузера хранить список хронологии (history list) или список посещений сайтов. Эквивалентом такого списка является объект history. Это объект также обеспечивает возможность загрузки страниц из списка хронологии.

Объект location служит для хранения информации об URI данного окна.

Объект frame используется в случае многооконного представления документа.

Среди методов объектов нижних уровней представляет интерес методы и свойства, позволяющие управлять содержимым страницы. Например, используя свойство innerHTML (которое включает текст и разметку внутри данного элемента) элемента FORM, вышеупомянутую страницу можно было бы записать следующим образом:

<form id="userForm" method="post" action="handleform.php" onsubmit="return validform()" enctype="multipart/form-data">

</form>

<script>

userForm.innerHTML="Имя: <INPUT TYPE=\"TEXT\" NAME=\"userName\"onblur=\"validUserName(this.value)\"><br>"+

"Пароль: <INPUT TYPE=\"PASSWORD\" NAME=\"userPassword\" onblur=\"validUserName(this.value)\" >"+

"<INPUT TYPE=\"SUBMIT\" value=\"Послать форму\">";

</script>

Как и в случае использования document.write, этот сценарий добавляет элементы в объектную модель и правильно обрабатывает их.

 




Поделиться с друзьями:


Дата добавления: 2014-01-03; Просмотров: 366; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.012 сек.