div 加载 html页面的方法

　做网页的单页面应用时，需要在一个HTML的Div元素中加载另一个HTML页面，以前有一种方法就是用iframe，举例如下：

 <div class="main-container" id="main" style="width:99%">
 <iframe src="diagrambuilder/dashboard/diagrambuilder/default.html" width="100%" height="800" frameborder="0">
您的浏览器不支持iframe，请升级
</iframe>
</div>

量级。那么还有没有另外的方法呢？

<script>
        function load_home() {

            document.getElementById("main").innerHTML = '<object type="text/html" data="diagrambuilder/dashboard/diagrambuilder/default.html" width="100%" height="600px"></object>';
        }
    </script>

<a class="sub-link" href="javascript:load_home();">load html</a></