javascript - 如何在 IE 上的对象中显示远程 html？

Question

我尝试将 html 嵌入到无法在 IE 上显示的对象中。这是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 文件的内容，然后将 HTML 代码作为 div 的 innerHTML 插入。

代码可能是这样的：

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;
}