如何在模态打开时更改window.location?

时间:2015-03-01 05:35:29

标签: javascript jquery html5 css3 modal-dialog

我有两个模态:一个用于登录操作,另一个用于注册操作。

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

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

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

2)Bootstrap或http://pgwjs.com/pgwmodal/等其他着名框架是否提供开箱即用的功能?哪一个?

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

1 个答案:

答案 0 :(得分:1)

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

尽管(或没有),您的一个潜在缺点是,网址看起来像example.com/#/loginexample.com/#/registration

您可以使用类似Bootstrap的库作为模态,并包含在切换时更改window.location.hash的逻辑。

希望有所帮助。