HTML静态页面引入公共HTML页面

标签iframe

通过在body中编写iframe标签引入另一HTML文件 这种方式也只适用静态页面，高度不会自动适应
iFrame的方式缺点在于页面结构的杂乱、不易被搜索引擎搜索、导航链接等等问题.

<iframe src="user_left.html" height="100%" width="100%" scrolling="no" frameborder="0"></iframe>

可通过页面加载完成之后获取页面高度，然后替换iframe的高度实现高度自适应

function setIframeHeight(){ 
    var height = document.documentElement.scrollHeight;         
    parent.document.getElementById('main').style.height = height + 'px'; 
}

标签object

<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

标签embed

无法自适应宽高，需要提前设置好宽高

<embed type="text/html" src="user_left.html" style="width: 100%;height: 135px"/>