緩存每個頁面上的HTML公共塊

Question

我們在每個頁面上都有一個公共導航欄。

你會如何緩存它，所以它不會加載到每個頁面上？

Answer 1

把內容到一個變量中的JavaScript文件navigation.js

nav_bar = "....." 

然後包括這個navigation.js每一頁上並插入通過JavaScript在當前頁面的內容。

Answer 2

您可以在每個頁面的onload事件中使用AJAX加載它並將其附加到頁面上相應的導航容器中。

只要對菜單的請求保持靜態，瀏覽器應該能夠緩存響應。因此，您基本上已將客戶的瀏覽器上的菜單緩存。