如何在所有页面中包含navigation.css和.html ?

Question

我有一个固定和独立的导航和页脚文件(html, css)，我想知道如何将它们包含在所有页面中，而无需在所有页面中插入所有代码。我的意思是我怎么把它们链接到其他的页面。(只使用HTML,CSS和JS)

Answer 1

可以使用jquery将html文件加载到元素中。

通过指定相对路径

$("#footer").load("./footer.html");

或从url加载:

$("#footer").load("http://yoursite.com/footer.html");