Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
8.01 Работа с объектами javascript

Автор: Denisido

Дата: 2010-07-20

Все, что вы видите на Web-странице - это набор элементов и объектов разных типов (окно браузера, документ, массив, кнопки, формы, текст, рисунки и т.п.). К примеру, вы сейчас смотрите эту страницу в окне браузера, которое представляет собой объект window. В нем находится HTML-документ, являющийся объектом document, который в сою очередь содержит множество разных элементов страницы - заголовки, абзацы, кнопки, формы, текст, ссылки и многое другое. Итак, первый основной объект - document (такие объекты еще называют объектами верхнего уровня - window, document, form). Предположим у нас на странице есть несколько картинок. Первая картинка будет характеризоваться как images[0], вторая - images[1], и т.д. Дело в том, что объекты автоматически добавляются под порядковыми номерами в той последовательности, в какой они определялись в коде Web-страницы. Таким образом мы можем вытащить нужную картинку под определенным номером следующим образом document.images[i], где под i подставляем нужный индекс изображения. Более подробно мы поговорим об этом позже.
Важно заметить тот факт, что каждый объект JavaScript имеет свои свойства и методы!

Свойства объектов javascript

Свойства способны описывать объект с различных сторон. Например, когда мы описывали массивы, то использовали свойство length, которое помогало нам определять количество элементов в массиве:

Запустить!
var iarray = [1,2,3,4,5];
alert(iarray.length); // выведет 5 (т.к. в массиве 5 элементов)

Для доступа к свойству объекта используется точечный оператор, проще говоря обычная точка, как в конце каждого предложения. Левая часть оператора - ссылка на сам объект (в нашем случае это iarray), правая - имя свойства (в нашем случае length). Проще говоря объекты состоят из разных частей. Наш массив имеет свою длину. Изображение на странице может иметь свойство ширины или высоты, текст иметь определенный цвет и т.д. Если объект обладает определенными свойствами, то мы можем к ним обратиться:

image.width
image.height

Свойства объекта могут иметь любой тип данных, включая массивы, функции, а также и другие объекты:

document.forms[0].elements[0].value;

Методы объекта javascript

Так как функции имеют числовые и строковые значения, то они могут присваиваться свойствам объектов. Такое присваивание часто называют методом этого объекта, а имя свойства становится именем метода. Например, вы уже знакомы с методом write() объекта document. В разделе, посвященном массивам, мы также описали некоторые методы удаления и добавление элементов в массив.

Отличить метод от свойства объекта можно по окончанию круглых скобок в конце open(), write(), close(), push(), shift(), pop() и т.п.



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

Коментарий добавил(а): fgh1233
Дата: 2010-07-21

Интересная информация, а главное реально применимая на практике. Респект админу!

Добавить новый коментарий:

Текст коментария:

Введите результат с картинки

Просмотров: 12623

Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.