写公司官网时，发现导航和轮播每一个页面都有，首先想到的是用vue的路由来实现，后来考虑到seo的问题，需要用到nuxt，后来想了比较麻烦就没有用，然后想到了了iframe（但是iframe有阻塞页面的加载等缺点，没有使用）
下面还是说一下iframe自动适应高度的问题
在子页面添加如下代码：
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)
}免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
