将URL添加到一个页面Web应用程序

Question

假设我有一个“单页”Web应用程序。 “主页”（ index.html ）包含一些Web表单，但随时只显示一个表单。加载应用程序时，页面中仅显示form A。该页面还包含一个按钮，该按钮会隐藏form A并显示form B。

现在我想添加一个新网址，其中显示form B（但不是form A）。
什么是正确的方法？

Answer 1

1. 使其作为多页面应用程序工作（使用常规链接转到其他表单等）
2. 添加JavaScript（两个页面），以便页面在状态之间更改，而不是执行链接的默认操作
3. 使用pushState and friends将网址更改为第二页的网址

Answer 2

我同意昆汀的观点，我相信你应该有多个页面。但是根据您目前的需求，您可以执行以下操作：

1. 您为所有表单提供了ID。例如，如果您有表格A，表格B和表格C，您可以给他们ID“A”，“B”和“C”。

2. 在URL中，您可以定义一个名为formid的GET参数，如： http://www.yourpage.something?formid= “B”

3. 所有表单都应该有一个类，让我们调用foo定义为：

   foo {     display：none; }

4. 当文档加载完毕后，用Javascript读取formid GET参数的值，假设你在一个名为myformid的变量中有这个值。然后：

   $（“＃”+ myformid）.removeClass（“foo”）;