一:问题描述
一般我们写项目的时候,无疑会遇到一样的头部和底部;如果我们每个页面都去copy的话,浪费时间又浪费精力,并且修改的话,确实很麻烦;所以在这种情况下,我们就把公共的部分提取出来,当都放到HTML中来用,个人不建议使用iframe,以下是示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="haeder"></div>
<div id="footer"></div>
</body>
<script>
$("#haeder").load("header.html");
$("#footer").load("footer.html")
</script>
</html>
注意:
因为一个页面只有一个html body,所以在写公共部分的时候,比如header.html或者footer.html的时候只需简单的标签家所需内容,一定要把多余的标签去掉。引入页面只需单独如下所示:
<header>所需展示内容</header>