Функция элемента iframe — встроить документ в документ и создать плавающую рамку. Многие люди не совсем понимают, как управляется iframe, и, по сути, они все еще находятся в смутном состоянии понимания. Два замечания по iframe: ifr — это значение ID и NAME существующего iframe: Вот цитата: Если вы хотите изменить только src или границу iframe, прокрутку и другие атрибуты (которые не совпадают с понятием свойства, свойство не может быть записано в тегах, таких как ScrollHeight, InnerHTML и т. д.), вам необходимо использовать первый метод. . Если вы хотите получить страницу iframe (а не сам iframe), вам нужно использовать второй метод, поскольку он получает полную модель DOM. Например, если вы хотите получить содержимое document.body. iframe, вы можете использовать только второй метод. Также обратите внимание, что если вы вызываете DOM-модель iframe, когда страница iframe загружена не полностью, произойдет серьезная ошибка, поэтому вам необходимо подготовить отказоустойчивый режим. Ниже приведены примеры: один — aa.htm, другой — bb.htm! аа.htm Код: Ниже приведен фрагмент в кавычках: bb.htm
document.getElementById("ifr");
window.frames[“ifr”];
Если вы хотите использовать функцию в iframe, переменная должна пройти второй метод, потому что она принимает полную модель DOM (я не знаю, правильно ли это). Первый метод просто извлекает ОБЪЕКТ.
<!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" >
<голова>
<title>Страница без названия</title>
<style type="text/css">
<!--
тело{
поле: 0 пикселей;
}
-->
</стиль>
</голова>
<тело>
<iframe id="ifr" name="ifr" width="100%" height="500" src="bb.htm"></iframe>
</тело>
</html>
<script Language="javascript" type="text/javascript">
var aa_value="Я вариант в верхнем окне!";
var ifr_id=document.getElementById("ifr");
var ifr_window=window.frames["ifr"];
alert("Предупреждение из верхнего окна: невозможно получить вариант iframe по ifr_id, он вернет:" + ifr_id.bb_var);
alert("Предупреждение из верхнего окна: невозможно получить модель DOM iframe по ifr_id, возвращается:" + ifr_id.window);
alert("Оповещение из верхнего окна: Получить источник по идентификатору:" + ifr_id.src);
alert("Оповещение из верхнего окна: Получить href из окна:" + ifr_window.document.location.href);
//Поскольку bb.htm, возможно, еще не загружен, загрузка может привести к ошибке.
//Вызов функции ifr_window.bb() в iframe;
//Вызов переменных внутри iframe
alert("Оповещение из верхнего окна: " + ifr_window.bb_var);
//
alert("Предупреждение из верхнего окна:" + ifr_window.document.body.innerHTML);
функция аа(сообщение){
alert("Я получаю оповещение из верхнего окна и получил сообщение:n" + msg);
}
</скрипт>
Код: Ниже приведен фрагмент в кавычках:
<!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" >
<голова>
<title>подкадр</title>
<style type="text/css">
<!--
HTML, тело {
поле: 0 пикселей;
ширина: 90%;
}
-->
</стиль>
</голова>
<тело>
Я подрамник!
<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...<br />
...
</тело>
</html>
<script Language="javascript" type="text/javascript">
var bb_var="Я переменная в ifr";
функцияbb(){
alert("Оповещение от iframe: я являюсь функцией Frame ifr")
}
//Получаем переменные родительской страницы
alert("Оповещение от iframe родитель.ifr_id::" + родитель.ifr_id);
alert("Оповещение от iframe родитель.aa_value: " + родитель.aa_value);
//Изменяем высоту iframe через ifr_id родительской страницы
alert("Оповещение от iframe: clientHeight ifr:" +document.body.clientHeight);
родитель.ifr_id.height=document.body.clientHeight;
alert("Оповещение от iframe: ifr's ScrollHeight: " + document.body.scrollHeight);
//Вызываем функцию родительской формы:
родитель.aa("Я вызову функцию, которая является верхним окном ");
//Изменяем заголовок родительской формы:
alert("Предупреждение от iframe: я изменю заголовок верхнего окна");
top.document.title="Значение заголовка изменено";
//Граница и прокрутка изменены через ifr_id родительской формы
alert("Предупреждение от iframe: я изменю границу и прокрутку:");
top.ifr_id.border=0;
top.ifr_id.scrolling="нет";
</скрипт>