我正試圖在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>
這是結果:
我已經做了一些測試,似乎只有對象標籤發生。
該工程確定(內容不是「有限」):
Content.innerHTML='g...g';
如果我發送一個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();
}
對象標記有什麼問題,以及如何解決此問題?提前致謝!
你試過造型對象標記爲100%? – bensonsearch
您不會顯示任何HTML中包含'
@bensonsearch是的,我做了:'注意:我可以將對象標記設置爲父(通過css)的100%w&h,並且它完全填充它,但這些滾動條仍然顯示。' – arielnmz