如何使用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元素。