页面动静分离问题

Question

页面动静分离，想提取头部和底部这类公共部分，加载到各个页面，方便只改一个地方就可以了，请问大家如何提取，不用iframe或把html写在js里再引用

Answer 1

以header为例：在header.html中写一些你页面header需要的东西。header.html:<div>header</div>index.html:<header&nbsp;id="header"></header><div>页面内容</div><script> &nbsp;&nbsp;&nbsp;$("#header").load("header.html",&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;});//在index.html中引入header</script>