当前位置：首页 > 知识·技术 > 网站相关

html公共部分header与footer如何引入jquery

墨轩阁发布于 2023-09-06
分类：网站相关
阅读()

一：问题描述

一般我们写项目的时候，无疑会遇到一样的头部和底部；如果我们每个页面都去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>

未经允许不得转载：墨轩阁博客 » html公共部分header与footer如何引入jquery

加载中~

标签：

热门推荐