解答:
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>'
}
<iframe name="ifraRight" id="ifraRight" src="Main.aspx" frameborder="0" onload ="javascript:getWidth()" scrolling="yes"></iframe>添加ONLOAD事件,在里面写获取父类的高宽,从而赋给IFRAME作为限制
目前,潜入外部网页的方式,主要有3种:1iframe方式
<div><iframe src="xxx.jsp"></iframe>
2ajax方式
<div id=“externalHtml"></div>
ajax加载数据后,直接赋予 externalHtml.innerHTML 即可。
3script脚本方式
<div><script src="xxx.js" type="text/javascript"></script></div>
以上三种方式,对于DIV,都是可以使用的。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)