javascript - 如何在模式打开时更改 window.location？

Question

我有两种模式:一种用于登录操作，另一种用于注册操作。

在登录模式中有一个链接“尚未注册？”打开注册模式。在注册模式中有一个链接“已经是成员(member)？”打开登录模式。

当登录模式打开时，我希望将 windows.location 更改为 /login，当注册模式打开时，我希望将 windows.location > 更改为 /registration。我希望浏览器的“后退”和“前进”按钮能够正常工作，以便它们在 /login 和 /registration 之间来回切换。

1) 这个功能的名称是什么(如果它有一些标准名称)？

2) 使用 Bootstrap 或 http://pgwjs.com/pgwmodal/ 等知名框架还是其他人开箱即用地提供此功能？哪个？

3) 我如何自己创建该功能？

Answer 1

听起来您可能正在寻找单页应用程序功能。一种选择是更改 window.location.hash 而不是 window.location 的值，这样您就不会触发页面刷新。浏览器历史记录仍将按预期工作。

虽然(或不是)您的一个潜在缺点是 URL 看起来像 example.com/#/login 或 example.com/#/registration .

您可以只使用像 Bootstrap 这样的库作为模式，并包含在切换时更改 window.location.hash 的逻辑。

希望对您有所帮助。