扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
写公司官网时，发现导航和轮播每一个页面都有，首先想到的是用vue的路由来实现，后来考虑到seo的问题，需要用到nuxt，后来想了比较麻烦就没有用，然后想到了了iframe（但是iframe有阻塞页面的加载等缺点，没有使用）
下面还是说一下iframe自动适应高度的问题
在子页面添加如下代码：
创新互联公司长期为成百上千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为景谷企业提供专业的网站建设、成都做网站，景谷网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。
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)
}
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网