1744
.pdf1 |
2 |
3 |
Бледно-бирюзовый4 |
PaleTurquoise4 |
#668B8B |
Серо-синий1 |
CadetBlue1 |
#98F5FF |
Серо-синий2 |
CadetBlue2 |
#8EE5EE |
Серо-синий3 |
CadetBlue3 |
#7AC5CD |
Серо-синий4 |
CadetBlue4 |
#53868B |
Бирюзовый1 |
Turquoise1 |
#00F5FF |
Бирюзовый2 |
Turquoise2 |
#00E5EE |
Бирюзовый3 |
Turquoise3 |
#00C5CD |
Бирюзовый4 |
Turquoise4 |
#00868B |
Приложение 11
Основные теги работы с фреймами
Фреймы это разбиение окна браузера на области.
Теги:
1) <FRAMESET> . . . </FRAMESET> определяет фреймы
Атрибуты:
а) BORDER=размер границы
б) ROWS=высоты строк в процентах, пикселах или указывается знак «*» для обозначения оставшейся части экрана
<FRAMESET ROWS=”50%,50%> . . . </FRAMESET>
<FRAMESET ROWS=”100,100,*”>
. . .
</FRAMESET>
в) <FRAMESET COLS=ширина столбцов в процентах, пикселах или указывается знак «*» для обозначения оставшейся части экрана
<FRAMESET COLS=”50%,50%> . . . </FRAMESET>
<FRAMESET COLS=”100,200,*”>
. . .
</FRAMESET>
г) <FRAMESET BORDERCOLOR=цвет границы фреймов>
100
д) <FRAMESET FRAMEBORDER=YES/NO или 1/0>
определяет наличие границы между фреймами: YES и 1 – граница видна; NO и 0 – не видна.
е) <FRAMESET FRAMESPACING=величина промежутка между окнами>
ж) <NOFRAMES> . . . </NOFRAMES> определяет, что будет показано, если браузер не поддерживает фреймы.
<FRAME NAME=Имя фрейма(области) SRC=Имя файла, который будет показан в данном фрейме>
Атрибуты:
а) NORESIZE – препятствует изменению размеров фрейма б) SCROLLING=YES, NO, AUTO,
где YES – будет показана полоса прокрутки; NO – запрещены полосы прокрутки;
AUTO – полосы прокрутки появляются по необходимости. <FRAME
2) <A HREF=Имя файла TARGET=Имя фрейма(области)> . . .
</A> по ссылке будет загружен указанный файл в указанный фрейм(область).
Пример
Файл Index.htm – делит окно на 2 фрейма(столбца) и указывает,
какие файлы загружаются в каждый фрейм. |
|
|
<HTML> |
|
|
<FRAMESET COLS=”200,*”> |
|
|
<FRAME |
NAME=”ODIN” |
SRC=”Menu.htm” |
SCROLLING=”AUTO”> |
|
|
<FRAME |
NAME=”DVA” |
SRC=”Heading.htm” |
SCROLLING=”AUTO”> |
|
|
<NOFRAMES> <BODY>
<P> Для просмотра данной страницы необходим браузер, поддерживающий фреймы </NOFRAMES>
</FRAMESET>
</HTML>
Файл Menu.htm – отвечает за то, что выводится в левом фрейме. Файл Heading.htm – отвечает за то, что выводится в правом
фрейме
101
Содержание |
|
|
Введение . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . . . |
3 |
Глава 1. Создание Web-страниц с использованием JavaScript . . . . . . . |
. . . |
4 |
1.1. Об языке сценариев JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . . |
4 |
1.2. Добавление сценария JavaScript на Web-страницу . . . . . . . . . . . . . . . . |
. . . |
5 |
1.2.1. Использование тега <Script> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
5 |
1.2.2. Задание файла с кодом JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
6 |
1.2.3. Элементы JavaScript в параметрах тегов HTML . . . . . . . . . . . . . . . . . |
. . |
6 |
1.2.4. Сценарии JavaScript в качестве обработчиков событий . . . . . . . . . . . |
. . |
7 |
1.3. Создание, просмотр и тестирование сценария JavaScript . . . . . . . . . . . |
. . |
7 |
Глава 2. Операторы языка JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
7 |
2.1. Синтаксис языка . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . . |
7 |
2.2. Комментарии . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
8 |
2.3. Переменные . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
9 |
2.3.1. Оператор Var . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
9 |
2.3.2. Оператор присваивания для задания переменных . . . . . . . . . . . . . . . |
. . . |
9 |
2.4. Операторы вывода информации . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . . |
10 |
2.4.1. Метод alert . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
10 |
2.4.2. Метод document.write . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
10 |
2.5. Операторы ввода информации . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
13 |
2.5.1. Метод confirm . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
13 |
2.5.2. Метод prompt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
14 |
2.6. Оператор присваивания . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . . |
15 |
2.6.1. Арифметические операторы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
15 |
2.6.2. Логические операторы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
16 |
2.6.3. Строковые операторы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . . |
16 |
2.7. Преобразование типов данных . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
17 |
2.8. Математические константы и функции объекта Math . . . . . . . . . . . . |
. . . |
18 |
2.8.1. Математические константы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
18 |
2.8.2. Математические функции . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
19 |
2.9. Условные операторы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
21 |
2.9.1. Сокращенная форма условного оператора if . . . . . . . . . . . . . . . . . . . . |
. . |
22 |
2.9.2. Полная форма условного оператора if . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
22 |
2.9.3. Условный оператор ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
23 |
2.10. Оператор выбора switch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . . |
24 |
2.11. Использование функций в JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
25 |
2.12. Операторы циклов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
27 |
2.12.1. Цикл с параметром . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
27 |
2.12.2. Цикл с предусловием while . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
30 |
2.12.3. Цикл с постусловием do … while . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
32 |
2.12.4. Цикл for (… in …) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
33 |
Глава 3. Объекты JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
34 |
3.1. Общие понятия . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . |
34 |
3.1.1. Встроенные объекты . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
. . . |
35 |
102
3.1.2. Объекты браузера . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
35 |
3.1.3. Пользовательские объекты . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
36 |
3.2. Объект String . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
36 |
3.3. Объект Array . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
39 |
3.4. Объект Date . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
47 |
3.4.1. Методы установки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
47 |
3.4.2. Методы определения . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
48 |
3.4.3. Методы преобразования . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
48 |
3.4.4. Методы для обработки даты . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
48 |
Глава 4. Обработчики событий . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
50 |
4.1. События . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
50 |
4.2. Назначение обработчиков событий . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
52 |
4.3. Использование обработчиков событий в элементах форм . . . . . . . . . . . . |
52 |
4.3.1. Формы на Web-странице . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
53 |
4.3.2. Использование обработчиков событий в формах . . . . . . . . . . . . . . . . . . |
59 |
4.3.3. Использование объекта Date в формах . . . . . . . . . . . . . . . . . . . . . . . . . . . |
64 |
4.3.4. Использование метода setTimeout() объекта window в формах . . . . . . . |
65 |
4.3.5. Использование объекта document в формах . . . . . . . . . . . . . . . . . . . . . . . |
68 |
4.3.6. Использование объекта window в формах . . . . . . . . . . . . . . . . . . . . . . . . |
70 |
4.3.7. Обработка элементов форм . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
78 |
Библиографический список . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
81 |
Приложение 1. Использование методов ввода и вывода информации . . . . . . |
82 |
Приложение 2. Линейный процесс. Условные операторы . . . . . . . . . . . . . . . . |
84 |
Приложение 3. Оператор выбора. Использование функций . . . . . . . . . . . . . . . . |
85 |
Приложение 4. Использование циклов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
86 |
Приложение 5. Работа со строками . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
87 |
Приложение 6. Работа с массивами . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
88 |
Приложение 7. Использование обработчиков событий в формах . . . . . . . . . . |
89 |
Приложение 8. Использование объектов Date, document, window в формах . |
91 |
Приложение 9. Обработка элементов форм . . . . . . . . . . . . . . . . . . . . . . . . . . . . |
93 |
Приложение 10. Таблица цветов на web-странице . . . . . . . . . . . . . . . . . . . . . . |
94 |
Приложение 11. Основные теги работы с фреймами . . . . . . . . . . . . . . . . . . . . |
100 |
103
Учебное издание
Людмила Анатольевна Внукова Светлана Анатольевна Зырянова
JAVASCRIPT: СОЗДАНИЕ
ДИНАМИЧЕСКИХ WEB-СТРАНИЦ
Учебное пособие
***
Редактор Н.И.Косенкова
***
Подписано к печати 30.06.2010 Формат 60 90 1/16. Бумага писчая Оперативный способ печати Гарнитура Times New Roman Усл. п. л. __ , уч.-изд. л. __ Тираж 350 экз. Заказ № ___
Цена договорная
Издательство СибАДИ 644099, г. Омск, ул. П. Некрасова, 10
Отпечатано в ПЦ издательства СибАДИ
104