IE上のオブジェクトにリモートHTMLを表示する方法は？

Question

IEに表示できなかったオブジェクトにhtmlを埋め込もうとしています。ここでJSコード

document.getElementById('one').innerHTML = '<'+'object id="foo" name="foo" type="text/html" data="'+which.href+'"><\/object>'; 

、ここでは、HTML

<div id="one"><object id="foo" name="foo" type="text/html" data="$jsurl/animate/right/ap2.html"></object></div> 

コードが他のブラウザで正しく表示さではなく、IE、と私はそれが透明である必要が原因IFRAMEは、オプションではありませんですdivの上にオーバーレイする

IEや他のオプションで表示する方法を知る必要がありますか？

Answer 1

XmlHttpRequestオブジェクトを使用してリモートHTMLファイルの内容を取得し、divのinnerHTMLとしてHTMLコードを挿入できます。

コードは次のように次のようになります。これがどのように動作するかを

var request = null; 

if (window.XMLHttpRequest) { 
    // If IE7, Mozilla, Safari, and so on: Use native object. 
     request = new XMLHttpRequest(); 
} 
else if (window.ActiveXObject) { 
    // ...otherwise, use the ActiveX control for IE5.x and IE6. 
    request = new ActiveXObject('MSXML2.XMLHTTP.3.0'); 
} 

request.open('GET', '$jsurl/animate/right/ap2.html', false); 
request.send(); 

if (request.status == 200) { 
    document.getElementById('one').innerHTML = request.responseText; 
}