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

时间:2018-08-28 15:11:54

标签: javascript html

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

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

Preview

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

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

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

答案 2 :(得分:1)

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

客户端:在用户计算机上执行的代码(在这种情况下,在其网络浏览器中)。

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

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

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

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

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