Javascript 防止重新加载页面的某些部分

我对网络开发相当陌生，所以我对这些都没有太多经验。目前，我的网站顶部有一个导航栏（用Foundation制作），但我不希望每次重新加载页面时都重新加载。我注意到，在一些网站上，当点击链接和url更改时，页面的某些部分会保持不变。我怎样才能做到这一点

---

谢谢

您可以在代码中设置一个

，并将导航中的链接指向它。单击链接时，

将加载新内容，但页面的其余部分不会更改。

有几种方法可以实现这一点。使用AJAX调用是其中之一，iframe则是另一种。您甚至可以创建一个单页应用程序，并在单击某些按钮时显示/隐藏元素。但是，这将迫使您一次加载所有数据，因此我不建议这样做（取决于网站）

一篇关于如何使用该选项的小文章

---

这是一篇关于该选项的小文章，其中包括一个演示它是如何工作的。

您想要实现的功能可以通过AJAX实现。使用这种技术，您可以使用JavaScript将外部内容加载到页面中，而无需重新加载。通常，现代的方法是使用AJAX，只加载需要更改的部分。但这是一个广泛的话题