javascript - 页面动静分离问题

问题描述

问 题

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

解决方案

以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>

这篇关于javascript - 页面动静分离问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！