logo search
123

Структура фреймсодержащих документов

Фреймы - это фрагменты окна браузера, в каждый из которых может загружаться отдельный HTML-документ.

Благодаря фреймам создается возможность одновременного просмотра нескольких документов. Посмотрим пример фреймсодержащего документа. Открыв его источник через панель инструментов браузера, мы увидим HTML-код, определяющий структуру документа:

<frameset cols="30%,*"> <frame name="first" src="ExFrame1.html"> <frame name="second" src="ExFrame2.html"> </frameset>

Здесь first и second - имена фреймов, ExFrame1.html и ExFrame2.html - имена документов, загружаемых во фреймы. Атрибут cols означает, что фреймы являются вертикальными (иначе мы использовали бы атрибут rows), согласно присвоенному нами значению: 30%,* левый фрейм будет занимать 30% ширины окна браузера, а остальная часть окна будет занята правым фреймом.

Атрибуты тэга &ltframe>

src

Адрес документа, загружаемого в данный фрейм.

name

Имя фрейма (используется для обращения к фрейму из операторов JavaScript).

scrolling

Указывает на наличие (yes) или отсутствие (no) линеек прокрутки; значение auto указывает на то, что линейки прокрутки появятся автоматически, если в этом возникнет необходимость.

frameborder

Указывает на наличие (yes) или отсутствие (no) границы между фреймами.

Чтобы посмотреть код документов, загружаемых во фреймы, нужно, находясь в соответствующем фрейме, правой кнопкой мыши открыть меню, из которого выбрать "Просмотр в виде HTML" ("View source"). Нередко фреймы используют для того, чтобы в одном из них размещать некоторую постоянную часть, например, навигационное меню. При этом гиперссылки, расположенные в одном фрейме, вызывают смену документов в другом. Это достигается с помощью атрибута target тэга &lta...> (англ.: target - цель, мишень), значением которого является имя фрейма, в который загружается открываемый по гиперссылке документ.

Задание: Создайте фреймсодержащий документ, в одном из фреймов которого находится меню - гиперссылки этого меню должны открывать разные документы во втором фрейме.

Пример 2. Создадим документ из двух горизонтальных фреймов одинакового размера. В верхний загрузим документ "osysteme.html", в нижний - "saits.html". Код документа должен выглядеть следующим образом:

&lthtml> &lthead> </head> &ltframeset rows="50%,*"> &ltframe name="verh" src="osysteme.html" scrolling="auto" frameborder="yes"> &ltframe name="nisznij" src="saits.html" scrolling="auto" frameborder="yes"> </frameset> </html>

Посмотрим результат.

Для создания сложных фреймсодержащих документов используются вложенные контейнеры <frameset>...</frameset> или же во фреймы загружаются документы, которые, в свою очередь, также являются фреймсодержащими. Фреймы можно использовать для обмена переменными между документами на стороне клиента. Так, переменные, объявленные во фреймсодержащем документе, доступны во всех документах, загружаемых во фреймы (см. пример). Средствами языка JavaScript можно изменять содержимое фреймов, отменять или назначать фреймы, а также динамически ("на лету") создавать документы, загружаемые во фреймы. Но об этом позднее... Забегая вперед, скажем, что использование фреймов может быть неделательным по следующим причинам: