HTML网页下,在div标签中嵌套其他html页面

主页面为main.html,点击在div添加html按钮id为btn, 
div的id为viewDiv,要插入的本地html为new.html。

方法一:基于Jquery的DIV嵌套html(测试可用)

  •  
$(document).ready(function(){
  $("#btn").click(function(){
    $('#viewDiv').load('new.html');
  })
})

点击按钮即可在div中添加new.html。

方法二:纯js方法。(亲测可用,推荐此方法)

 function load_home() {
 document.getElementById("viewDiv").innerHTML = '';
   }
 
  •  

方法三:iframe 方法(未测试)

应该还有很多方法,如果大家有更好的方法,欢迎留言。

你可能感兴趣的:(html)