html公共部分header与footer如何引入jquery
html公共部分header与footer如何引入jquery
·
一：问题描述
一般我们写项目的时候，无疑会遇到一样的头部和底部；如果我们每个页面都去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>
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
2
0- 0
已为社区贡献3条内容
所有评论(0)