Работа со свойствами (параметрами) объектов

Изменение свойств объектов. Настройка стилей

Прерывание функции.

Способы возврата результата.

Обращение к свойству элемента по ID.

Вызов функции.

Вызов осуществляется следующим образом:

<событие>=<имя функции>(<параметры>)

Пример:

<a href="http://www.yandex.ru" onmouseover="ChColor(this,'red')" onmouseout="ChColor(this,'blue')">Яндекс</a>

Обратите внимание: в данном примере используется оператор this. Он возвращает ссылку на текущий объект.

Если функцию требуется применить к другому элементу, необходимо использовать параметр ID (либо NAME).

Пример.

<img src="sun0.gif" id="ris1"><BR>
<input type="button" value="Изменить" name="B2" onclick="ris1.src='sun1.gif'">

Разные примеры использования функций.

Всякая функция, проделав необходимую работу, должна вернуть результат.

Здесь перечислены несколько основных способов вывода результата.

Рассмотрим на примере нахождения суммы 2 чисел.

1. Вывод Сообщения.

Результат выдается как сообщение.

alert(<результат>)

Пример

function Summ1(a,b)
{alert(parseInt(a)+parseInt(b)+"")}

Функция parseInt() преобразовывает выражение в скобках к целому числу.

(Подробнее ниже).

2. Изменение свойства элемента.

Результат записывается в текстовом поле

Пример

function Summ2(a,b)
{t3.value= parseInt(a)+parseInt(b)+""}

3.Изменение области(InnerHTML).

У многих объектов есть свойство InnerHTML (внутренний HTML). Данное свойство позволяет динамически менять содержимое в рассматриваемом блоке.

Пример.

function Summ3(a,b)
{d1.innerHTML= parseInt(a)+parseInt(b)+""}

4. Создание документа.

function Summ4(a,b)
{document.write(parseInt(a)+parseInt(b)+"")}

Полные версии примеров.

Если необходимо завершить функцию до того, как будут выполнены все операторы в теле функции, необходимо написать:

return false;

Использование скриптов подразумевает обращение к свойствам объекта. Т.е. если в обычном языке программирования есть стандартные процедуры ввода/вывода информации, то в скриптовых языках, и для ввода и для вывода информации необходимо обращаться к объектам документа и его свойствам. Выше уже были рассмотрены основные способы возврата результатов.

В данном параграфе рассматривается работа с основными (т.е. присущими практически всем) свойствами и стилями объектов. Некоторые особые свойства и методы объектов будут рассмотрены в главе Объекты документа.

Все объекты HTML обладают определенными свойствами (ширина, высота, цвет, выравнивание и т.д.). Есть свойства, присущие большинству объектов (ID, NAME, ширина, высота), есть специфические (SRC у изображений, HREF у ссылок и т.д.)

Свойства задаются как параметры внутри тегов.

<IMG src="sun0.gif" width="200" height="200" border="1" id="image1">

Чтобы изменить свойства, достаточно написать:

<имя объекта>.<свойство>=<новое значение>

Например:

image1.src="sun1.gif"

image1.width=300

image1.height=300

Каскадные таблицы стилей (CSS).

CSS представляют дополнение к HTML, предназначенное для форматирования элементов документа, прежде всего текста. Главное преимущество CSS заключается в возможности создания стилей и применения одних и тех же классов к разным объектам.

Свойство CSS	Перевод	Значения
Color	Цвет	Red, blue, green, dark*, light*
Width	Ширина
Height	Высота
Margin	Отступ
Display	Отображаемость (видимость)	None, block
Position	Позиция (абсолютная или относительная)	absolute, relative

Дата добавления: 2014-01-07