Добавляем...


Внутренние фреймы
Одной вариацией фреймов, заслуживающей особого внимания, является <iframe>, или внутренний фрейм. Основной идеей внутреннего фрейма является возможность добавить фрейм непосредственно в документ без использования frameset. Например,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Iframe</title>
<meta http-equiv="content-type" content="text/html; " />
</head>
<body>
<h1>Обычное содержимое</h1>
<iframe src="http://www.google.com" name="iframe1" id="iframe1" height="200"
width="200"></iframe>
<h1>Продолжение обычного содержимого </h1>
</body>
</html>

В связи с этим напрашивается вопрос: как управлять такими фреймами? Это очень просто, поскольку соответствующий фрейм попадает в массив frames[ ] текущего окна. К тому же, если внутренний фрейм имеет имя, можно использовать методы DOM типа getElementById, чтобы получить доступ к соответствующему объекту. Следующий простой пример демонстрирует эту идею.

<iframe src="http://www.google.com" name="iframe1" id="iframe1" height=
"200" width="200"></iframe>
<form action="#" method="get">
<input type="button" value="Загрузить через массив фреймов"
onclick="frames['iframe1'].location='http://www.javascriptref.com';" />
<input type="button" value="Загрузить по средствам DOM"
onclick="document.getElementById('iframe1').src='http://www.pint.com';" />
</form>

Хотя внутренние фреймы кажутся упрощением стандартных фреймов, они гораздо интереснее, чем следует из предложенных выше примеров. Фактически, как вы увидите далее, <iframe> является одним из основных средств коммуникации JavaScript с Web-сервером. А пока что мы отложим эту достаточно сложную тему и рассмотрим другие, более типичные варианты применения фреймов в JavaScript.


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика