javascript - 我可以在不更新页面的情况下更改 URL 吗？

Question

这可能看起来是一个愚蠢的问题。但我不知道是否可以做到。因此，在开始制作作品集网站之前，我需要一些指导。否则，我会采用另一种设计。

我的问题:

使用 ascencor.js 插件时，我网站上的所有内容都在一个文件中。因此，我永远不会访问新的网址，例如/contact 或/about。

但后来我想知道，谷歌怎么样？

我的所有内容都将放在不同的不同类中，但在同一个文件中:

<div class="floor floor-1">
    <span class="text">Floor 1</span>
</div>
<div class="floor floor-2">
    <span class="text">Floor 2</span>
</div>

查看此处的示例:http://rplambech.dk/ascencor/

所以，是的，使用这种方法，我永远不会更改网址，因此我只能索引一页。

有没有一种方法可以在不更新网站的情况下更改 URL？我可以去http://rplambech.dk/ascencor/floor5吗？例如？

如果不可能，每次我点击新的“页面”时，我至少可以覆盖页面的标题吗？以一些 PhP 为例。

或者我应该采用完全不同的方法？ :)

Answer 1

根据您的问题的上下文及其评论，您正在寻找术语“单页应用程序”。

有很多方法可以做到这一点，其中一些方法利用历史对象来支持浏览器的“后退”和“前进”按钮。

我建议您搜索术语“单页应用程序”，同时检查以下部分(或全部)框架(它们将简化您的开发并使您的生活更轻松，而不是处理 # 和令人讨厌的低级 ajax 调用:

1. backbone.js
2. AngularJS
3. ember.js