使用JavaScript将HTML加载到DIV中

时间:2012-02-27 12:04:30

标签: javascript html5

我正在尝试使用JavaScript将一些HTML加载到DIV中,但无论我尝试什么,我都无法改变DIV框架的大小。我得到的只是浏览器窗口中间的一个小框架。我试过CSS。我试过'width:'和'height:'。这是我的代码:

<div id="main">
</div>
<script type="text/javascript">
    document.getElementById('main').innerHTML =
        '<object type="type/html" data="welcome.html"><\/object>';
</script>

不要担心为什么我想这样做 - 这是更大编码实验的一部分。

2 个答案:

答案 0 :(得分:3)

你能用jquery吗?然后它变得微不足道......

$('#main').load('welcome.html');

答案 1 :(得分:2)

似乎设置了宽度

document.getElementById('main').innerHTML ='<object type="type/html" data="newhtml.html"><\/object>';
document.getElementById('main').style.width = "600px";
document.getElementById('main').style.border = "solid red 1px";

表示宽度设置为600px