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

Prevent reloading certain parts of page

本文关键字：些部加载新加载更新时间：2023-09-26

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

感谢

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

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

这是一篇关于AJAX选项的小文章，其中包括一个小演示来展示它的工作原理。

您可以在代码中设置<iframe>，并使导航中的链接指向它。当您单击链接时，<iframe>将加载新内容，但页面的其余部分不会更改。