Iframe

Объект Iframe представляет собой HTML элемент <iframe>.

Свойства объекта Iframe

contentDocument

Свойство contentDocument возвращает объект document созданный для страницы открытой в данном iframe.

Синтаксис

iframeObject.contentDocument 

Возвращаемое значение

Ссылка на объект документа. Если нет документа, возвращаемое значение равно null.

Пример

<iframe id="myframe" src="example/lion.html" width=400 height=220>
</iframe>

<button onclick="myFunction()">
 Попробуй
</button>

<script>
function myFunction() {
    var x = document.getElementById("myframe");
    var y = (x.contentWindow || x.contentDocument);
    if (y.document) y = y.document;
    y.body.style.backgroundColor = "red";
}
</script>

contenWindow

Свойство contenWindow возвращает объект Window, сгенерированный IFrame элементом .

Синтаксис

iframeObject.contenWindow 

Возвращаемое значение

Ссылка на объект окна

Пример

<iframe id="myframe" src="example/lion.html" width=400 height=220>
</iframe>

<button onclick="myFunction()">
 Попробуй
</button>

<script>
function myFunction() 
 {
    var x = document.getElementById("myframe");
    var y = x.contentWindow.document;
    y.body.style.backgroundColor = "green";
 }
</script>

height

Свойство height возвращает или устанавливает значение атрибута height данного элемента.

Синтаксис

iframeObject.height [ = strHeight ]

strHeight - высота в пикселях.

Возвращаемое значение

Строка, представляющая высоту фрейма в пикселях

Пример

<iframe id="myFrame" src="example/lion.html" height="200" width="250">
</iframe>

<button onclick="myFunction()">
  Попробуй
</button>

<script>
function myFunction() 
 {
    document.getElementById("myFrame").height = "400";
    document.getElementById("myFrame").width = "550";
 }
</script>

name

Свойство name возвращает или устанавливает значение атрибута name данного элемента.

Синтаксис

iframeObject.name [ = name ]

name - имя фрейма

Возвращаемое значение

Строка, представляющая имя фрейма

sanbox

Свойство sanbox возвращает значение атрибута sanbox данного элемента.

Синтаксис

iframeObject.sanbox 

Возвращаемое значение

Строка, представляющая значение атрибута sandbox

Совместимость с браузерами

Да	10,0	Да	Да	Да

src

Свойство src возвращает или устанавливает значение атрибута src данного элемента.

Синтаксис

iframeObject.src [ = strSrc ]

strSrc - URL документа для встраивания в IFRAME. Возможные значения:

• Абсолютный URL - указывает на другой веб - сайт
• Относительный URL - указывает на файл внутри сайта

Возвращаемое значение

Строка, представляющая URL документа, который встроен в IFRAME. Возвращает весь URL, включая протокол

srcdoc

Свойство src возвращает или устанавливает значение атрибута srcdoc данного элемента.

Синтаксис

iframeObject.srcdoc [ = HTML_code ] 

HTML_code - Определяет содержание HTML, чтобы показать в IFRAME. Должно быть допустимым синтаксисом HTML

Возвращаемое значение

Строка, представляющая содержимое HTML, который отображается в фрейма (если таковые имеются)

Если браузер не поддерживает атрибут srcdoc, он будет показывать файл , указанный в атрибуте src

Совместимость с браузерами

Да	Нет	Да	Да	Да

Пример

<iframe id="myFrame" srcdoc="<p>Hello world!</p>" src="example/srcdoc.html">
</iframe>

<button onclick="myFunction()">
  Попробуй
</button>

<script>
function myFunction() 
 {
    document.getElementById("myFrame").srcdoc = 
          "<p>Ваш браузер поддерживает атрибут <b>srcdoc</b></p>";
 }

</script>

width

Свойство width возвращает или устанавливает значение атрибута width данного элемента.

Синтаксис

iframeObject.width [ = strWidth ]

strWidtht - высота в пикселях.

Возвращаемое значение

Строка, представляющая высоту фрейма в пикселях

Пример

см. height