js或jq拼装html，实现每个页面使用相同头部和底部
因为一个网站的头部，导航，底部都是一样的，希望把他们各自做成一个html文件或其它文件，然后应用到每个页面上去，js有什么方法？
不希望使用以下两个方法：
1、iframe标签
2、把html头部的代码作为字符串写到js文件中，再使用append()或者html()等注入html dom
因为第一种方法还要再加载一次jq，在最外层dom引入的js也不能控制iframe中的元素
第二种方法修改头部时很麻烦，代码也不易于观看。
希望能做到：
头部代码写在一个单独的文件，如html，然后使用js或者jq把它插入到其它页面中。
可以使用html5，html页面可以改成jsp页面~~~~
展开
收起
2
条回答
写回答
写回答
-
两个建议：
- 如果后端是用的vm或者jsp等，可以在vm或jsp中include相同的头和尾
- 如果是纯前端的html，可以在项目架构的时候，也采取伪“include”的方式来插入头尾，在构建的时候，自动将头尾加上，生成完成的html
2019-07-17 19:39:55赞同 展开评论 打赏 -
IT从业第二种方法，既然你可以想到把头部写到JS中为什么不可以考虑直接写到HTML中然后AJAX获取HTML文件内容加载上呢，特别是jQUery有$.load这么方便的函数的情况下。另外，如果你是做HTML5网站的话完全可以考虑用HTML原生的import功能：http://www.w3.org/TR/html-imports/
2019-07-17 19:39:55赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
