html使用共同的头部导航

    var oIframe = window.top.document.getElementById("mainiframe");
    var oBody = document.getElementsByTagName("body")[0];
    oIframe.style.height = oBody.offsetHeight + ‘px‘;

如果主页面的iframe是动态的，主页面需要添加如下代码：

   function loadPage(path) {
        document.getElementById("mainiframe").src = path

    }

最后还是使用了jq 的load
但是load在本地访问的时候会出现跨域问题，需要放在服务器上访问，不然报错如下：

load方法如下：

   function loadPage(path) {
        $(‘.page‘).load(path)
    }

html使用共同的头部导航

原文：http://blog.51cto.com/12885303/2147338