Студопедия

КАТЕГОРИИ:


Архитектура-(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)

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




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

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

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

Обращение к свойству элемента по 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; Просмотров: 326; Нарушение авторских прав?; Мы поможем в написании вашей работы!


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



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




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