解答:
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>'
}
首先你想获取的那个Html文档,只写body里的内容,其他不要。如果用jq的话,
ajax获取方法
$.ajax({
url:'xxxxx',
success:function(res){
//res是获取到html内容
//接下来是xxx.html(res)
}
})
另外是load()方法,
xxxx.load('xxx') //load里边是html文件的路径
<iframe name="ifraRight" id="ifraRight" src="Main.aspx" frameborder="0" onload ="javascript:getWidth()" scrolling="yes"></iframe>添加ONLOAD事件,在里面写获取父类的高宽,从而赋给IFRAME作为限制