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

Question

我有几个文件（header.html，nav.html，footer.html）。我想知道是否有办法在使用普通js或jquery库加载（或之前）页面时将这些文件包含到index.html中。我知道最好从服务器端进行，但是现在我正在前端工作，无法访问服务器端脚本。

当我尝试使用$ .load（'header.html'）时，它会给我以下错误：

未捕获TypeError：对象函数（a，b）{return new e.fn.init（a，b，h）}没有方法'load'

Answer 1

必须在匹配的元素上调用load()函数。

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

在此示例中，内容将加载到myDiv元素。