Загрузка Ajax в событие onload iframe

Question

Я пытаюсь загрузить страницу Ajax в событие onload в iframe (если возможно?).

Так у меня есть IFRAME:

<iframe onload="loadIjax('ipage','./page.php');"> <div id="ipage"></div> </iframe> 

И Javascript

function loadIjax(divId,strURL) 
{ 

if (window.XMLHttpRequest) 
{// code for IE7+, Firefox, Chrome, Opera, Safari 
xmlhttp=new XMLHttpRequest(); 
} 
else 
{// code for IE6, IE5 
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
xmlhttp.onreadystatechange=function() 
{ 
if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    // show ajax response 
    parent.document.getElementById(divID).innerHTML=xmlhttp.responseText; 
    } 
} 
xmlhttp.open("GET",strURL,true); 
xmlhttp.send(); 
} 

Так идея заключается в том, чтобы загрузить page.php внутри фрейма при загрузке страницы.

Мой вопрос, это даже возможно, что вы написали до сих пор? На данный момент это не работает. Проблема в том, что Javascript не находит div в iframe. Он работает, если я помещаю тот же div вне iframe.

Answer 1

Вставка HTML внутри тега iframe ничего не делает. Это неверный HTML.

IFrames содержит полную страницу внутри них. Это означает, что у них есть свои window и document. Поэтому, когда вы вызываете document.getElementById, вы делаете это в родительском окне, а не внутри iframe. Что вам нужно сделать, так это искать элемент внутри iframe, проходящий через его документ. Вы можете сделать это путем доступа contentWindow свойства Iframe в:

var iframe = document.getElementById('myIframeId'); 
iframe.contentWindow.document.getElementById('containerId').innerHTML = 'foo';