页面动静分离问题

Question

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

Answer 1

以header为例：
在header.html中写一些你页面header需要的东西。
header.html:

<div>header</div>

index.html:

<header id="header"></header><div>页面内容</div><script>
   $("#header").load("header.html", function() {
    });//在index.html中引入header</script>