Томский политехнический университет
Опубликован: 01.08.2012 | Доступ: свободный | Студентов: 17345 / 1605 | Оценка: 3.91 / 4.09 | Длительность: 12:32:00
Лекция 14:

JavaScript. Объекты

< Лекция 13 || Лекция 14: 12 || Лекция 15 >

Объекты, представляющие сам Web-обозреватель.

Объект window представляет текущее окно Web-обозревателя или отдельный фрейм, если окно разделено на фреймы. Следующая таблица описывает свойства данного объекта:

Таблица 13.3.
Свойство Описание
closed Возвращает true, если текущее окно закрыто. Может быть использовано при работе с несколькими окнами.
defaultStatus Сообщение по умолчанию, отображаемое в строке состояния окна.
document Возвращает ссылку на документ, загруженный в текущее окно.
frames Возвращает ссылку на коллекцию фреймов.
history Возвращает ссылку на объект истории Web-обозревателя.
innerHeight Возвращает высоту клиентской области окна (без рамок, меню, панелей инструментов) в пикселах. Поддерживается только NN начиная с 4.0
innerWidth Возвращает ширину клиентской области окна (без рамок, меню, панелей инструментов) в пикселах. Поддерживается только NN начиная с 4.0
length Возвращает количество фреймов.
location Возвращает ссылку на объект location документа, загруженного в текущее окно.
locationbar Возвращает ссылку на объект панели адреса окна Navigator (она же Location Toolbar). Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает панель адреса, false убирает.
menubar Возвращает ссылку на объект панели адреса окна Navigator. Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает панель адреса, false убирает.
name Возвращает имя окна или фрейма.
navigator Возвращает ссылку на объект Web-обозревателя.
opener Возвращает ссылку на окно, которое открыло текущее окно, например, методом open.
outerHeight Возвращает полную высоту окна (с рамками, меню, панелями инструментов) в пикселях.
outerWidth Возвращает полную ширину окна (с рамками, меню, панелями инструментов) в пикселях.
pageXOffset Возвращает расстояние по горизонтали между текущей позицией окна и левой границей документа. При прокручивании содержимого окна право значение этого свойства увеличивается, влево - уменьшается.
pageYOffset Возвращает расстояние по вертикали между текущей позицией окна и нижней границей документа. При прокручивании содержимого окна вниз значение этого свойства увеличивается, вверх - уменьшается.
parent Возвращает ссылку на родительское окно, если текущий объект window представляет собой фреймы. В противном случае возвращается ссылка на само это окно.
personalbar Возвращает ссылку на объект панели Personal Bar окна Navigator. Единственное свойство этого объекта visible позволяет показать ее или убрать; значение true этого объекта показывает панель адреса, false убирает.
screen Возвращает ссылку на объект screen.
screenLeft Возвращает горизонтальную координату левого верхнего угла окна.
screenTop Возвращает вертикальную координату левого верхнего угла окна.
screenX Горизонтальная координата левого верхнего угла окна.
screenY Вертикальная координата левого верхнего угла окна.
scrollbars Возвращает ссылку на объект полос прокрутки окна NN. Единственное свойство этого объекта visible позволит показать полосу или убрать; значение true этого свойства показывает полосу прокрутки, false убирает.
self Возвращает ссылку на объект window текущего окна.
status Текст, отображаемый в строке состояния окна Web-обозревателя.
statusbar Возвращает ссылку на объект строки состояния окна NN. Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает строку состояния, false убирает.
toolbar Возвращает ссылку на объект панели инструментов окна NN. Единственное свойство этого объекта visible позволит показать полосу или убрать; значение true этого свойства показывает панель инструментов, false убирает.
top Возвращает ссылку на родительское окно самого верхнего уровня, если текущий объект window представляет собой фрейм. В противном случае возвращается ссылка на само это окно.
window То же, что и self.

Методы и свойства экземпляров объекта

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

var dNow = new Date(); 
dNow.someProperty = 3;

Здесь мы создали у экземпляра объекта Date, хранящегося в переменной dNow, свойство someProperty и присвоили ему значение 3. Данное свойство будет принадлежать только этому экземпляру объекта Date.

Такие свойства и методы, принадлежащие только одному экземпляру объекта, называются свойствами и методами экземпляра.

Ключевые термины и определения

Объект JavaScript – любая сущность в рамках программы (не путать с object, представляющим собой ассоциативный массив).

Встроенные объекты JavaScript – объекты, созданные для упрощения работы с данными и системой средствами JavaScript.

Свойство экземпляра - свойство экземпляра объекта, доступный только ему, т.е. не наследуемое.

Метод экземпляраметод экземпляра объекта, доступный только ему, т.е. не наследуемый.

Краткие итоги

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

Список материалов для самостоятельного изучения

  1. http://javascript.ru/tutorial/object
  2. http://www.wisdomweb.ru/JS/objectcr.php
  3. http://habrahabr.ru/post/17613/
  4. http://on-line-teaching.com/js/js.lang.objects.htm
  5. http://www.firststeps.ru/html/js/r.php?11
  6. http://javascript.ru/forum/misc/18366-svojjstva-metody-klassa.html
  7. http://js-help.net/text/object/oo-js/property_of_class.php
< Лекция 13 || Лекция 14: 12 || Лекция 15 >
Эмиль Галеев
Эмиль Галеев

По каким то причинам не сохраняется текст. И не выдает сообщение об ошибке если текста нет. Проверил все внимательно проблем в написании нет. Вопрос почему он не сохраняет?

Алексей Вычегжанин
Алексей Вычегжанин

http://www.intuit.ru/studies/courses/3734/976/lecture/27486?page=3

Заполнил html, js и css-файлы согласно рекомендациям. После запуска главной страницы в панели разработчика браузера, во вкл. Console, выдает сообщение об ошибке:

"script.js:85 Uncaught TypeError: Cannot read property 'addEventListener' of null"

, ссылаясь на строку js-файла (функция load()):

" audio.addEventListener('ended', function () "

При дальнейшем просмотре результатов доступны только функции просмотра треков по выбранному альбому и предварительного прослушивания трека. 

Функция добавления записей в плейлист не работает. Соответственно сам плей-лист и полоса прокрутки не открываются.

Сергей Мороз
Сергей Мороз
Беларусь
Антон Войлоков
Антон Войлоков
Россия, Алтайский край