簡介：
在Web 開發領域，經常會遇到這樣的情況：有利於創建可重複使用的元素，例如頁眉和頁腳，這些元素可以無縫整合在多個HTML頁面中。這種做法不僅簡化了維護，還確保了一致性和效率。
使用 JavaScript 的解決方案：
要解決這個問題，您可以利用 JavaScript，特別是 jQuery 的強大功能。透過利用其 load() 函數，您可以動態地將外部 HTML 檔案作為頁首和頁尾載入到主 HTML 文件中。
實作：
Index.html:
Header.html 和 Footer.html：
用法：
範例程式碼：
Index.html:
<html>
<head>
...
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<script>
$(function(){
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
...
</head>
<body>
<div>Header.html 和Footer.html:
<a href="http://www.google.com">click here for google</a>
以上是如何使用 JavaScript 在 HTML 中建立可重複使用的頁首和頁尾？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
