多頁面怎么共享頭部和尾部？

1.利用<iframe></iframe>標(biāo)簽;
2.jQuery可以用$(selector).load()進(jìn)行頁面共享、跳轉(zhuǎn);

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>

gulp-file-include

layui好像有類似實現(xiàn)的 可以通過include標(biāo)簽來實現(xiàn) 而且不需要構(gòu)建工具

寫個腳本吧，我用 gulp 寫過，基于 Handlebars 的。用其它語言或者框架也可以完成。

項目地址

我覺得最簡單的方法是用jQ的.load()，可以把所有需要復(fù)用的部分都寫在一個共用html文件里，每個部分加個id，然后在需要用的文檔里加個占位，通過load共用文件+片段來調(diào)用替換掉就行了。

現(xiàn)在流行的，組件化

document.write