您的位置：首页 > Web前端 > HTML

HTML中容器（div）动态加载HTML页面的方法

2018-02-23 11:09 471 查看
在学习前端相关知识的时候，遇到了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页面的方法
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航