如何使用javascript/jquery將外部文件包含到html中？

Question

我有幾個文件（header.html，nav.html，footer.html）。我想知道是否有一種方法可以在頁面加載（或之前）使用普通的js或jquery庫時將這些文件包含到index.html中。我知道最好從服務器端來做，但現在我正在開發前端，並且無法訪問服務器端腳本。

當我嘗試使用$ .load（ '了header.html'），它給了我下面的錯誤：

遺漏的類型錯誤：對象功能（A，B）{返回新e.fn.init（ a，b，h）}沒有方法'加載'

Answer 1

必須在匹配元素上調用load()函數。

$('#myDiv').load('test.html'); 

在此示例中，內容將被加載到myDiv元素。