Javascript 网站在加载之间闪烁

我的手机在装载之间闪烁。我应用了stackoverflow问题中建议的方法，但运气不好。这三个页面中的每个页面都加载一个包含以下内容的文件：

$.get（“nav.html”，函数（数据）{
$（“#导航占位符”）。替换为（数据）；
});

---

请查看.html代码的页面源代码。该网站是基于我的另一个问题而建立的：本质上，我希望navbar项目仅在一个文件（nav.html）中描述，因此如果我选择对其进行任何更改，我只需要编辑一个文件

这与网站/Web服务器的性能无关

这是因为您为每个导航点加载了一个新的html文件

要解决这个问题，您需要通过异步获取新内容并替换页面上已加载的现有内容。这通常是通过Javascript实现的。 步骤是

• 1） 通过ajax加载外部html文件
• 2） 一旦当前内容存在，就用新加载的数据替换它

---

这也意味着你的url永远不会改变。它将停留在…/about.html

我在某个地方读到，ng斗篷在这个场景中是有用的，但没有对它进行研究……也许你可以做一些挖掘。

---

此FOUC是将包含逻辑放在客户端的主要问题。您是否无法使用服务器端包含？这将完全避免这个问题，并为您节省网络带宽。我建议您尝试我的解决方案（使用PHP）来解决您的问题。我认为它将不再闪烁，因为它与页面的其余部分同时加载@谢谢。虽然当我在mac上使用php时，我无法在本地查看网站-php似乎只有在服务器上运行时才起作用。@OliverAngelil您可以在mac上使用MAMP在PC上运行本地服务器。它非常有效well@Relisora谢谢你的建议。我在另一页上回答。