多个静态页面有共同的导航栏，怎么合并调用呢？

Question

一开始做的时候就三个页面，然后我就写死了，不然还要后台写那个什么<include>
PHP的什么，现在问题来了，这几个导航栏里面的页面变多了，多了好多，那么除了后台的那个<include>，纯前端有什么好办法公用吗？写在JS里面么？还有个小问题就是：当前页面为红色选中，也在JS里面写吗？

Answer 1

在每个页面上只写<div id="nav"></div>，然后用JavaScript的$("#nav").load("nav.html")
不过这个代价就是ajax请求过多，影响性能，可以考虑存入localStorage或sessionStorage中。
参考：https://segmentfault.com/q/10...

Answer 2

include 好像和 PHP 没啥关系吧？Apache 里面简单设置下就行了呀 参考我以前的文章 http://www.cnblogs.com/zichi/...

Answer 3

直接用localStorage