js或jq拼装html，实现每个页面使用相同头部和底部

Question

因为一个网站的头部，导航，底部都是一样的，希望把他们各自做成一个html文件或其它文件，然后应用到每个页面上去，js有什么方法？

不希望使用以下两个方法：
1、iframe标签
2、把html头部的代码作为字符串写到js文件中，再使用append()或者html()等注入html dom

因为第一种方法还要再加载一次jq，在最外层dom引入的js也不能控制iframe中的元素
第二种方法修改头部时很麻烦，代码也不易于观看。

希望能做到：
头部代码写在一个单独的文件，如html，然后使用js或者jq把它插入到其它页面中。

可以使用html5，html页面可以改成jsp页面~~~~

Answer 1

第二种方法，既然你可以想到把头部写到JS中为什么不可以考虑直接写到HTML中然后AJAX获取HTML文件内容加载上呢，特别是jQUery有$.load这么方便的函数的情况下。另外，如果你是做HTML5网站的话完全可以考虑用HTML原生的import功能：http://www.w3.org/TR/html-imports/

Answer 2

JSP的话可以用sitemesh
http://www.oschina.net/p/sitemesh

Answer 3

jQuery load 不知道是不是你想要的.

Answer 4

可以使用shtml，像淘宝就在使用，随意定制页面模块