在页面之间导航而不更改链接

Question

这个问题可能在过去曾被问过，但我似乎找不到答案。我想在没有avec的页面之间导航以重定向到全新的xxx.html文件。基本上，我只想保留一个html文件

为了理解我的意思，这里是我要实现的功能的小预览。

Preview

如您所见，这件衣服不是其单独的index.html文件。用什么方法实现这一目标？

Answer 1

您看到的被称为单页应用程序。您可以使用许多框架来创建这样的页面。如果您要使用纯HTML / CSS / JavaScript，将很难正确地进行操作。

Answer 2

您将必须为此使用javascript。您既可以一次加载所有内容，而仅显示/隐藏所需的内容，也可以ajax来获取内容，然后呈现它而无需重新加载页面。

Answer 3

您在这里看到的是一个动态网页，该网页利用了客户端技术来产生这种效果。为了进一步说明，让我们快速浏览一些Web开发术语：

客户端：在用户计算机上执行的代码（在这种情况下，在其网络浏览器中）。

服务器端：在服务器上执行的代码，然后将某种响应发送到客户端。

使用服务器端代码，除非对服务器进行新的调用以获取新的响应，否则无法更改该值。这是因为代码实际上并没有在用户正在运行的计算机上运行，​​而是在可能相距数千英里的其他计算机上运行。但是，使用客户端代码，由于代码实际上是在用户计算机上运行的，因此可以实时进行动态更改。

当涉及到服务器端代码时，我们作为开发人员有许多选择。从理论上讲，可以将HTTP响应发送到Web浏览器的任何语言都可以用作服务器端语言。在2018年，基本上所有基本语言都存在！话虽如此，当今一些流行的选项包括Python，Ruby，Java和Javascript（Node JS）。

但是，当涉及到客户端代码时，我们受到用户网络浏览器中运行内容的限制。通常，现代Web浏览器仅了解Javascript。但是，尽管这些年来语言已经变得越来越好，但是用纯JavaScript编写代码有时会很麻烦，因此有一些库可以使编写Javascript更加容易（例如jQuery），甚至有些语言可以编译成Javascript以添加新的语法和功能（例如Typescript和Coffeescript）。

如果您想开始编写动态Web应用程序，那么一个不错的起点是学习JavaScript的基础知识。然后，也许开始学习jQuery或诸如Angular或React之类的前端库。祝你好运！