HTML⽹页下,在div标签中嵌套其他html页⾯
主页⾯为main.html,点击在div添加html按钮id为btn,
div的id为viewDiv,要插⼊的本地html为new.html。
⽅法⼀:基于Jquery的DIV嵌套html(测试可⽤)
<script src="js/jquery.js"></script>
$(document).ready(function(){
$("#btn").click(function(){
$('#viewDiv').load('new.html');
})
})
网页app
点击按钮即可在div中添加new.html。
⽅法⼆:纯js⽅法。(亲测可⽤,推荐此⽅法)
function load_home() {
}
<button type="button"id="btn"onClick="javascript:load_home();" >确认</button>
⽅法三:iframe ⽅法(未测试)
<div class="main-container"id="main">
<iframe src="new.html"width="100%"height="100%"frameborder="0">
您的浏览器不⽀持iframe,请升级
</iframe>
</div>
应该还有很多⽅法,如果⼤家有更好的⽅法,欢迎留⾔。