前端如何实现HTML代码的复用?

最近项目开发遇到一个问题

我们是根据设计图来组织页面的,因此保持一致性很重要.所以,在做好的静态页面有很多是重复的代码 重复的代码 重复的代码(重要的事情要说三遍)。

所以我想啊,有没有什么办法可以在前端就可以实现引入某一段HTML代码(不要跟我说普通的append).这应该就是一个HTML模块化的问题吧,就像js模块化一样,可以使用require这类的语法。

说到底,就是想问问有没有类似commonJS这类的commonHTML !有没有这类的开源,求给个git地址,或者有什么好办法。真的不想做一个页面就复制粘贴复制粘贴了!?

阅读 26.9k
5 个回答

AngularJS的指令中的html模板是典型的HTML复用。

请自行google:模板引擎

新手上路,请多包涵

纯静态的话,可以试试jQuery的$.load()方法。

推荐问题
宣传栏