使用ID修改页面

Question

我正在尝试构建与this signup form类似的内容。

基本上当你完成这些步骤时，整个页面会发生变化（可能只是一个消失的div和另一个出现的div）。

问题是我似乎无法弄清楚他们正在使用什么来改变整个页面和网址。我的意思是我可以很容易地隐藏一个div并使用javascript显示另一个div但是它不会给我我正在寻找的URL效果，因为我希望用户能够使用后退/前进按钮在这些步骤中来回导航。

任何想法他们可能正在使用什么外部技术，或者它只是完全自定义的东西，因为他们的脚本自定义表单属性建议它（数据步骤）：

第一步：

<form id="signup_form" class="fs_split_flex_wrapper" data-step="email">

第二步：

<form id="signup_form" class="fs_split_flex_wrapper" data-step="email">

Answer 1

看看JS中的History API： https://developer.mozilla.org/en-US/docs/Web/API/History_API

引用： “假设http://mozilla.org/foo.html执行以下JavaScript：

-DUSER_MACRO

这会导致网址栏显示http://mozilla.org/bar.html，但不会导致浏览器加载bar.html甚至检查bar.html是否存在。“