html使用共同的头部导航

写公司官网时,发现导航和轮播每一个页面都有,首先想到的是用vue的路由来实现,后来考虑到seo的问题,需要用到nuxt,后来想了比较麻烦就没有用,然后想到了了iframe(但是iframe有阻塞页面的加载等缺点,没有使用)
下面还是说一下iframe自动适应高度的问题
在<强>子页面强添加如下代码:

 <代码> var oIframe=window.top.document.getElementById (“mainiframe”);
　　var oBody=document.getElementsByTagName(“身体”)[0];
　　oIframe.style。身高=oBody。offsetHeight +“px”;  

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

 <代码>函数loadPage(路径){
　　. getelementbyid (“mainiframe”)。src=https://www.yisu.com/zixun/path
　　
　　} 

最后还是使用了金桥的负荷
但是负载在本地访问的时候会出现跨域问题,需要放在服务器上访问,不然报错如下:
html使用共同的头部导航