在学习前端相关知识的时候,遇到了div中如何动态切换页面的问题,经过网络上的搜索,发现了一个不错的方法。
使用JavaScript代码替换div内容
<script>
function load_home() {
document.getElementById("main").innerHTML = '<object type="text/html" data="/Users/lang/Desktop/demo/index.html" width="100%" height="600px"></object>';}
</script>
其中”main”为div的id,data中的内容是HTML网页的绝对路径
div代码
<div class="main-container" id="main" style="width:99%">
</div>
进行切换
<a href="javascript:load_home();">切换</a>
本篇内容转载自:div 加载 html页面的方法