多页面怎么共享头部和尾部？

Question

多个页面。不是做单页。怎么共享头部，不想在每个页面再写一次头部和尾部的html，有没有办法共享，像jsp那样引入一个文件。

Answer 1

document.write

Answer 2

1.定义一个js文件 text.js
这里主要是将html代码拼接成了字符串,具体怎么拼接,有很多方法..最简单的是下面这种 在每行后面加\

---

var text = '<ul>\
            <li>1</li>\
            <li>2</li>\
            <li>3</li>\
            <li>4</li>\
            <li>5</li>\
        </ul>'
document.write(text);

---

2.在需要的地方引入

<script src="text.js" type="text/javascript" charset="utf-8"></script>

Answer 3

写个脚本吧，我用 gulp 写过，基于 Handlebars 的。用其它语言或者框架也可以完成。

项目地址

Answer 4

layui好像有类似实现的 可以通过include标签来实现 而且不需要构建工具

Answer 5

现在流行的，组件化

Answer 6

我觉得最简单的方法是用jQ的.load()，可以把所有需要复用的部分都写在一个共用html文件里，每个部分加个id，然后在需要用的文档里加个占位，通过load共用文件+片段来调用替换掉就行了。

Answer 7

1.利用<iframe></iframe>标签;
2.jQuery可以用$(selector).load()进行页面共享、跳转;

Answer 8

gulp-file-include