javascript - 纯静态页面开发网站遇到问题关于iframe

Question

问题的出现：
想实现 纯HTML+js+接口的方式来制作网站，页面不转成jsp页面。全部js控制。

问题来了：
1. 如何实现类似于AngularJS Include（包含）的功能，也不使用iframe，要求ie7+

就是想把页面中通用的内容给放到单独的文件在，然后根据页面的需要调用不同的头部。

1. 这样做的话还会有什么未知问题呢？请有经验的来指导下。

ps：现在我知道的解决是java这边进行接口的提供，然后使用node进行页面的渲染，然后js控制页面。但是没实践过。

Answer 1

现在我的解决方案是 node 控制页面的构建，复制和粘贴我自己接受不了，然后结构也会很混乱

Answer 2

html本身是没办法包含其它的html的。包含这个其实是模版引擎在做。网上流传着一种SSI (Server Side Include)技术。大致原理是让服务器来拼接整个被打散的部分。具体好用否没有实际用过。楼主感兴趣可以研究一下。
还有另外的笨办法就是，通过js实现。大致原理是，页面包含一个js，专门在页面初始化时就去请求被你拆散的其它页面并组织他们然后追加到当前页面。

PS:既然都选择用纯html了，那你还想那么多干啥？复制粘贴啊。

Answer 3

用jquery
$('head').load('head.html');

Answer 4

使用模板吧。
mustache.js，handlebars.js或者jade

Answer 5

两种方法：模版，gulp-file-includ插件