前端公共的例如头部底部写在一个HTML，能引入的其他页面？

Question

页面需要公共的底部和头部，我单独写了一个HTML页面，用<embed></embed>变签或者<iframe></iframe>引入整个样式就发生了变化，底部是定位的但是现在整个底部自己是一个document，只对自己定位

Answer 1

如果你的网站有后台系统的话可以在后台做成头部底部模板，通过后台处理，最后直接输出整个页面。
在前台也可以使用一些JavaScript框架做模板。
最简单的办法，把头尾的html内容都写在JavaScript文件里，然后每个页面加载这个js文件，js文件负责把html代码追加到页面对应位置。

Answer 2

jq有个load方法，可以加载文档

$("#result").load("test.html");

html页面中写的是html片段，如

<footer>xx</footer>

不用jq的话，你也可以使用ajax请求，请求html数据，或text数据，把请求到的数据追加到页面上