在多個HTML 頁面中合併可重複使用的頁眉和頁腳檔案
要建立跨多個HTML 頁面共享的可重複使用頁首和頁尾元素，一種有效的方法涉及利用JavaScript 的功能。本文提供了利用流行的 JavaScript 函式庫 jQuery 來實現此功能的詳細解決方案。
第1 步：定義HTML 結構
在父HTML 頁面(例如，index.html），建立兩個佔位符元素，將在其中載入頁眉和頁腳內容。使用唯一 ID 來識別這些元素：
<div>
第 2 步：嵌入 jQuery 函數
在 HTML head 部分包含 jQuery 函式庫。然後，定義一個jQuery 函數將頁首和頁尾HTML 檔案載入到指定元素中：
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script>
$(function() {
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>第3 步：建立頁首和頁腳檔案
建立單獨的HTML 檔案（例如header.html 和footer.html），每個檔案都包含所需的內容。例如，header.html 可能包括：
<a href="http://www.google.com">Click here for Google</a>
第4 步：將內容放置在父親頁面中
當您造訪父HTML 頁面時（例如， index.html)，jQuery 動態地將header.html 和footer.html 的內容載入到各自的佔位元素中，從而在包含這些header 和 footer.html 的所有頁面統一顯示頁尾。
此方法可讓您在中心位置維護和更新共享頁首和頁腳內容，從而簡化網站管理並確保演示和導航的一致性。
以上是如何使用 jQuery 在多個 HTML 頁面中建立可重複使用的頁首和頁尾？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
