- Создание простых web-страниц
- Создание простых страниц в редакторе Dreamweaver
- Подготовка и размещение графических изображений
- Использование таблиц для размещения данных и компоновки страниц
- Компоновка страниц с использованием фреймов
- Создание интерактивных страниц с использованием форм
- Каскадные таблицы стилей — расширение возможностей форматирования
- Создание динамических страниц
- Добавление статических и динамических эффектов
Основные понятия объектного программирования
Язык программирования JavaScript относится к языкам объектного программирования. Основными понятиями таких языков являются: объект, свойство и метод. Программный объект должен иметь уникальное имя, он может обладать определенными свойствами, которые в программе могут изменяться, и над ним могут производиться определенные действия. Действия над объектами производятся с помощью методов — программ небольшого объема, написанных разработчиками языка.
В частности, объектами могут быть HTML-метки, а их свойствами — параметры этих меток.
Следует заметить, что метка <input> находится внутри формы Fl, поэтому изменение свойств объектов формы является исключением из общего правила и требует указания также имени формы, что и сделано в функции pr1(). Кроме того, особенностью использования элементов формы является наличие параметра name. В других метках использование этого параметра может не предусматриваться, поэтому в этих случаях для задания уникального имени метки следует использовать параметр id.
Пример изменения свойства объекта, имя которого задано параметром ID
<HTML> <HEAD> <TITLE>
Программирование на JavaScript
</TITLE>
<SCRIPT>
function PR()
Picl.src="2.jpg"
</SCRIPT>
</HEAD>
<body>
<IMG ID=Picl src=l.jpg onClick=PR()>
</BODY>
</HTML>
В этом документе единственным объектом является рисунок с уникальным именем Picl. В функции изменяется свойство этого объекта src, значением которого является имя файла рисунка. Таким образом, при вызове функции pro файл рисунка l.jpg будет заменен файлом 2.jpg и можно будет наблюдать замену одного рисунка другим. Произойдет же это событие после щелчка мышью по рисунку, так как параметр onclick установлен в метке <img>. В метке <img> также используется параметр id, значение которого определяет имя рисунка. Следует обратить внимание на то, что в программе значение свойства обязательно должно заключаться в кавычки.
Изменение свойств каскадной таблицы стилей имеет следующую особенность:
имя_объекта.style.свойство="значение"
Свойства каскадной таблицы стилей, содержащие дефис, записываются следующим образом. Дефис удаляется, а часть свойства после дефиса присоединяется к предшествующей части с большой буквы. В качестве примера рассмотрим следующий документ.
- Войдите на сайт для отправки комментариев