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

1.定義一個(gè)js文件 text.js
這里主要是將html代碼拼接成了字符串,具體怎么拼接,有很多方法..最簡(jiǎn)單的是下面這種 在每行后面加\

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好像有類似實(shí)現(xiàn)的 可以通過(guò)include標(biāo)簽來(lái)實(shí)現(xiàn) 而且不需要構(gòu)建工具

寫個(gè)腳本吧，我用 gulp 寫過(guò)，基于 Handlebars 的。用其它語(yǔ)言或者框架也可以完成。

項(xiàng)目地址

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

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

document.write