innerHTML不填充父项

我正试图在div中加载html页面。它运行良好，除了“已加载”页面仅填充父项的一小部分。innerHTML不填充父项

这是加载HTML功能：

function load_inner() { 
    Content.innerHTML='<object type="text/html" data="page_test.html"></object>'; 
}

的DIV待填充为500 * 200像素。

加载的页面是为了填补父，但在这种情况下，内的div设置为1000 * 500像素用于测试目的（父有溢出属性设置为隐藏）。

这是加载内容（一切由HTML标签包围）的页面：

<head> 
    <meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
    <meta name="generator" content="Geany 1.23.1" /> 
    <style type="text/css"> 
     #Content { width:500px; height:200px; background:orange; overflow:hidden;} 
    </style> 
    <script type="text/javascript"> 
     function load_inner() { 
      Content.innerHTML='<object type="text/html" data="page_test.html"></object>'; 
     } 
    </script> 
</head> 

<body onload="load_inner()"> 
    <div id="Content"></div> 
</body>

这是一个被加载（一切由HTML标签包围）的页面：

<head> 
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
<meta name="generator" content="Geany 1.23.1" /> 
    <style type="text/css"> 
     #Cont { background:yellow; } 
     body { margin:0px; padding:0px; } 
    </style> 
</head> 

<body> 
    <div id="Cont"> 
     <span>IM A TEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEST</span> 
    </div> 
</body>

这是结果：

Bad result

我已经做了一些测试，似乎只有对象标签发生。

该工程确定（内容不是“有限”）：

Content.innerHTML='g...g';

String set directly

如果我发送一个GET请求到目标页面和的innerHTML设置为“responseText的”它显示正确：

function load_home() {   
    var url = "http://localhost/inner_load/page_test.html"; 
    var method = "GET"; 
    var async = true; 
    var request = new XMLHttpRequest(); 
    request.onload = function() { 
     var data = request.responseText; 
     Content.innerHTML=request.responseText; 
    } 
    request.open(method, url, async); 
    request.send(); 
    }

Loaded via http request

对象标记有什么问题，以及如何解决此问题？提前致谢！

来源

2014-04-10 arielnmz

你试过造型对象标记为100％？ – bensonsearch

您不会显示任何HTML中包含'

innerHTML不填充父项

回答

相关问题