怎么在div中显示一个html页面

可以采用ajax方式：

<div id=“externalHtml"></div>

ajax加载数据后，直接赋予 externalHtml.innerHTML 即可。

你所需要的是不是类似这样:

<div>

<div>1

</div>

</div>

想把 <div>1

</div>

显示为 本来的样子,而不是直接一个 1

那么需要用到HTML转码,

只要把相应的<>/等符号用 <>/ 来替换掉就可以了

这个过程可以用脚本编程处理.

解答：

1，基于Jquery的DIV嵌套html

html代码：

<script src="js/jquery.js"></script> <div id="btn" > 新页面</div>

<div id="newDiv"></div>

js代码：

$(document).ready(function)(){

    $("#btn").click(function(){

    $('#newDiv').load('new.html')

  })

})

点击“新页面”即可实现添加

2，基于纯js代码实现嵌套：

html代码：

<button type="button" id="btn" onClick="javascript:load_home()" >

 确认</button>1

js代码：

function load_home() {

 document.getElementById("viewDiv").innerHTML = '<object 

type="text/html" data="new.html" width="100%" height="100%">

</object>'

   }

---