页面动静分离问题

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

阅读 3.6k
3 个回答

以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>
1 篇内容引用
推荐问题
宣传栏