在每个页面上缓存HTML的常见块

Question

每页都有一个公共导航栏。

你如何缓存它以便它不会在每个页面上加载？

Answer 1

您可以在每个页面的onload事件中使用AJAX加载它，并将其附加到页面上相应的导航容器中。

只要对菜单的请求保持静态，浏览器就应该能够缓存响应。因此，您基本上已经在客户端的浏览器上缓存了菜单。

Answer 2

将内容放入javascript文件navigation.js

中的变量中

nav_bar = "....."

然后在每个页面上包含此navigation.js，并通过JavaScript在当前页面中插入内容。