2.4 ФРЕЙМЫ (Упрунин Дмитрий)
Структура фреймсодержащих документов
Фреймы - это фрагменты окна браузера, в каждый из которых может загружаться отдельный HTML-документ. Благодаря фреймам создается возможность одновременного просмотра нескольких документов. Посмотрим пример фреймсодержащего документа. Открыв его источник через панель инструментов браузера, мы увидим HTML-код, определяющий структуру документа: Здесь first и second - имена фреймов, ExFrame1.html и ExFrame2.html - имена документов, загружаемых во фреймы. Атрибут cols означает, что фреймы являются вертикальными (иначе мы использовали бы атрибут rows), согласно присвоенному нами значению: 30%,* левый фрейм будет занимать 30% ширины окна браузера, а остальная часть окна будет занята правым фреймом.
Атрибуты тэга src Адрес документа, загружаемого в данный фрейм. name Имя фрейма (используется для обращения к фрейму из операторов JavaScript). scrolling Указывает на наличие (yes) или отсутствие (no) линеек прокрутки; значение auto указывает на то, что линейки прокрутки появятся автоматически, если в этом возникнет необходимость. frameborder Указывает на наличие (yes) или отсутствие (no) границы между фреймами.
Чтобы посмотреть код документов, загружаемых во фреймы, нужно, находясь в соответствующем фрейме, правой кнопкой мыши открыть меню, из которого выбрать "Просмотр в виде HTML" ("View source"). Нередко фреймы используют для того, чтобы в одном из них размещать некоторую постоянную часть, например, навигационное меню. При этом гиперссылки, расположенные в одном фрейме, вызывают смену документов в другом. Это достигается с помощью атрибута target тэга (англ.: target - цель, мишень), значением которого является имя фрейма, в который загружается открываемый по гиперссылке документ. Задание: Создайте фреймсодержащий документ, в одном из фреймов которого находится меню - гиперссылки этого меню должны открывать разные документы во втором фрейме. Для создания сложных фреймсодержащих документов используются вложенные контейнеры или же во фреймы загружаются документы, которые, в свою очередь, также являются фреймсодержащими. Фреймы можно использовать для обмена переменными между документами на стороне клиента. Так, переменные, объявленные во фреймсодержащем документе, доступны во всех документах, загружаемых во фреймы (см. пример).
Средствами языка JavaScript можно изменять содержимое фреймов, отменять или назначать фреймы, а также динамически ("на лету") создавать документы, загружаемые во фреймы. Но об этом позднее... Забегая вперед, скажем, что использование фреймов может быть неделательным по следующим причинам: • Так, документы, загружаемые во фреймы и использующие значения переменных, заданных во фреймсете, потеряют функциональность, если какой-либо из них окажется загруженным не во фрейм, а в основное окно браузера. (Это может произойти, если, например, поисковая система найдет "внутренний" документ, а не фреймсодержащий.) • Если фреймсодержащий документ сам окажется загруженным во фрейм другого, "вышестоящего" документа. Обращение к переменной с префиксом top будет означать, что переменная находится в самом верхнем документе. Это может привести к ошибке. Плавающие фреймы Плавающие фреймы - это фрагменты окна браузера, занимающие произвольное положение на экране.
Плавающий фрейм создается с помощью контейнера . Рассмотрим код плавающего фрейма: --> Здесь: переменная s-строка, содержащая HTML-код загружаемого во фрейм документа. Поскольку по отношению к фрейму она является внешней ("родительской"), к ней следует обращаться с помощью префикса parent. Рассмотрите пример динамического создания контента плавающего фрейма. Динамическое создание содержимого плавающего фрейма используется, например, для передачи параметров в JAVA-апплеты (не путать JAVA с JavaScript!) - см. пример. (Заметим, что здесь используются также формы.)
Пройти тест можно по ссылкеФреймы - это фрагменты окна браузера, в каждый из которых может загружаться отдельный HTML-документ. Благодаря фреймам создается возможность одновременного просмотра нескольких документов. Посмотрим пример фреймсодержащего документа. Открыв его источник через панель инструментов браузера, мы увидим HTML-код, определяющий структуру документа: Здесь first и second - имена фреймов, ExFrame1.html и ExFrame2.html - имена документов, загружаемых во фреймы. Атрибут cols означает, что фреймы являются вертикальными (иначе мы использовали бы атрибут rows), согласно присвоенному нами значению: 30%,* левый фрейм будет занимать 30% ширины окна браузера, а остальная часть окна будет занята правым фреймом.
Атрибуты тэга src Адрес документа, загружаемого в данный фрейм. name Имя фрейма (используется для обращения к фрейму из операторов JavaScript). scrolling Указывает на наличие (yes) или отсутствие (no) линеек прокрутки; значение auto указывает на то, что линейки прокрутки появятся автоматически, если в этом возникнет необходимость. frameborder Указывает на наличие (yes) или отсутствие (no) границы между фреймами.
Чтобы посмотреть код документов, загружаемых во фреймы, нужно, находясь в соответствующем фрейме, правой кнопкой мыши открыть меню, из которого выбрать "Просмотр в виде HTML" ("View source"). Нередко фреймы используют для того, чтобы в одном из них размещать некоторую постоянную часть, например, навигационное меню. При этом гиперссылки, расположенные в одном фрейме, вызывают смену документов в другом. Это достигается с помощью атрибута target тэга (англ.: target - цель, мишень), значением которого является имя фрейма, в который загружается открываемый по гиперссылке документ. Задание: Создайте фреймсодержащий документ, в одном из фреймов которого находится меню - гиперссылки этого меню должны открывать разные документы во втором фрейме. Для создания сложных фреймсодержащих документов используются вложенные контейнеры или же во фреймы загружаются документы, которые, в свою очередь, также являются фреймсодержащими. Фреймы можно использовать для обмена переменными между документами на стороне клиента. Так, переменные, объявленные во фреймсодержащем документе, доступны во всех документах, загружаемых во фреймы (см. пример).
Средствами языка JavaScript можно изменять содержимое фреймов, отменять или назначать фреймы, а также динамически ("на лету") создавать документы, загружаемые во фреймы. Но об этом позднее... Забегая вперед, скажем, что использование фреймов может быть неделательным по следующим причинам: • Так, документы, загружаемые во фреймы и использующие значения переменных, заданных во фреймсете, потеряют функциональность, если какой-либо из них окажется загруженным не во фрейм, а в основное окно браузера. (Это может произойти, если, например, поисковая система найдет "внутренний" документ, а не фреймсодержащий.) • Если фреймсодержащий документ сам окажется загруженным во фрейм другого, "вышестоящего" документа. Обращение к переменной с префиксом top будет означать, что переменная находится в самом верхнем документе. Это может привести к ошибке. Плавающие фреймы Плавающие фреймы - это фрагменты окна браузера, занимающие произвольное положение на экране.
Плавающий фрейм создается с помощью контейнера . Рассмотрим код плавающего фрейма: --> Здесь: переменная s-строка, содержащая HTML-код загружаемого во фрейм документа. Поскольку по отношению к фрейму она является внешней ("родительской"), к ней следует обращаться с помощью префикса parent. Рассмотрите пример динамического создания контента плавающего фрейма. Динамическое создание содержимого плавающего фрейма используется, например, для передачи параметров в JAVA-апплеты (не путать JAVA с JavaScript!) - см. пример. (Заметим, что здесь используются также формы.)
Комментарии
Отправить комментарий