前端小白关于页面公共页头页脚处理的问题，望大神解答

Question

刚入前端一个月，现在公司需要做一个后台办公系统，老板给我找了一套模板，叫我在那基础上改，主体分为头部，左边导航，和右边内容区，头部和导航每个页面都是一样的，怎么只写一次头部和左侧导航，所有页面都能用呢？最好能详细点告知，晚辈感激不尽

Answer 1

简单一点话可以把内容做成单独的页面，然后再把头部和导航做成一个公用的页面，最后在这个公用的页面里添加一个iframe标签，通过设置这个标签的src属性，引用不同的内容页的地址就可以了

Answer 2

你应该不需要管公用的事儿，你就每页留个头尾就行，开发套模板会自己把头尾提出来

Answer 3

...用模板引擎include啊，或者用Vue、React组件化开发，引入通用组件就行了

Answer 4

一般来说这是后端实现，把头部、导航、尾部放单独的模板，然后每个页面引入进来就行。
前端只有保证你写好的页面每个页面头尾代码一致就可以

Answer 5

前后端都有模板引擎，楼主可以自己选一个

Answer 6

可以用jquery 中的load方法

Answer 7

前端框架好多种，angular2就可以解决

Answer 8

你写你得就行，后台哥们会给你搞好的

Answer 9

主要看你的开发模式了，如果是以前那种jsp，php模式的，可以通过include这种标签语法将公共部分加载进来，如果是纯html页面的，那基本有几种方法。
1.通过js封装一个公共的头部。
2.iframe内联框架，但是不推荐。
3.框架，诸如Angular，React，Vue等这些前端框架。

Answer 10

如果项目有用gulp的话，可以用gulp-file-include之类的