页面动静分离问题

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

阅读 3.7k
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 篇内容引用
推荐问题
宣传栏