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

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

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

Рассмотрим на примере нахождения суммы 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" name="image1">

 

Синтаксис обращения к свойству объекта:

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

 

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

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

 

Для задания имени объекта используется параметр “name” (имя) или “id” (идентификатор объекта)

 

Примеры:

image1.src="sun1.gif"

image1.width=”300”

image1.height=”300”

 

 

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

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

Свойство CSS	Перевод	Значения
color	Цвет	red, blue, green, dark*, light*
background-color	Цвет фона	red, blue, green, dark*, light*
font-family	Семейство	arial,times
font-style	Курсив	italic, normal
font-weight	Жирность шрифта	bold,normal
font-size	Размер шрифта	14pt
text-decoration	Подчеркивание, зачеркивание	underline, line-through; none
width	Ширина	10 px
height	Высота	10 px
margin	Отступ	10 px
display	Отображаемость (видимость)	none, block
position	Позиция (абсолютная или относительная)	absolute, relative