Функция элемента iframe — встроить документ в документ и создать плавающую рамку. Многие люди не совсем понимают, как управляется iframe, и, по сути, они все еще находятся в смутном состоянии понимания.
Два замечания по iframe: ifr — это значение ID и NAME существующего iframe:
Ниже приведен фрагмент в кавычках:
document.getElementById("ifr");
window.frames[“ifr”];
вы
хотите использовать функцию в iframe, переменная должна пройти второй метод, потому что она принимает полную модель DOM (я не знаю, правильно ли это). Первый метод просто извлекает ОБЪЕКТ.
только хочу. Чтобы изменить src или границу iframe, прокрутку и другие атрибуты (которые не являются той же концепцией, что и свойство, свойство не может быть записано в тегах, таких как: ScrollHeight, InnerHTML и т. д.), вам необходимо использовать первый метод.
Если вы хотите получить страницу iframe (а не сам iframe), вам нужно использовать второй метод, поскольку он получает полную модель DOM. Например, если вы хотите получить содержимое document.body. iframe, вы можете использовать только второй метод.
Также обратите внимание, что если страница iframe не полностью загружена, при вызове модели DOM iframe возникнет серьезная ошибка. Поэтому необходимо подготовить отказоустойчивый режим.
Ниже приведены примеры. , один — aa.htm, а другой — bb.htm!
Кодaa .htm
: Ниже приведен фрагмент цитаты:
<!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);
}
</script>
bb.htm
Код: Ниже приведен фрагмент в кавычках:
<!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: ifr's clientHeight:" +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="нет";
</скрипт>