如何在模式打开时更改窗口.位置

How to change window.location on modal open?

本文关键字：窗口位置模式更新时间：2024-07-04

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

在登录模式中，有一个链接"尚未注册？"打开注册模式。在注册模式中，有一个链接"已经是会员？"打开一个登录模式。

当登录模式打开时，我希望windows.location更改为/login，当注册模式打开时，我希望windows.location更改为/registration。我希望浏览器的"后退"和"前进"按钮正常工作，以便它们来回更改模态从/login到/registration。

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

2(像Bootstrap或 http://pgwjs.com/pgwmodal/或其他框架这样的著名框架是否提供开箱即用的功能？哪一个？

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

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

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

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

希望有帮助。