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

Question

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

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

预习

如您所见，这件衣服不是其单独的html文件。 用什么方法可以做到这一点？

Answer 1

您所看到的称为单页应用程序。 您可以使用许多框架来创建这样的页面。 如果您要使用纯HTML / CSS / JavaScript，则正确执行起来会困难得多。

Answer 2

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

Answer 3

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

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

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

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

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

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

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