html 공개 부분의 머리글과 바닥 글에 jquery를 도입하는 방법

하나: 문제 설명

일반적으로 우리가 프로젝트를 작성할 때 틀림없이 같은 머리와 바닥을 마주하게 될 것입니다. 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 본문만 있기 때문에 header.html 또는 footer.html 과 같은 공개 부분을 작성할 때 필요한 콘텐츠에 레이블만 지정하고 중복 태그를 제거해야 합니다. 가져오기 페이지는 다음과 같습니다.

<header>所需展示内容</header>

おすすめ

転載: blog.csdn.net/qq_45904018/article/details/127546125