javascript - 将 URL 添加到一页 Web 应用程序

Question

假设我有一个“单页”Web 应用程序。“主页面” ( index.html ) 包含一些 Web 表单，但任何时候都只显示一个表单。仅在应用程序加载时form A显示在页面中。该页面还包含一个按钮，用于隐藏form A和显示form B.

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

Answer 1

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

Answer 2

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

1. 您为所有表格提供一个 id。例如，如果您有表格 A、表格 B 和表格 C，您可以给它们“A”、“B”和“C”的 id。

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

3. 所有的表单都应该有一个类，我们称之为 foo 定义为：

   富{显示：无；}

4. 加载文档后，使用 Javascript 读取 formid GET 参数的值，假设您在名为 myformid 的变量中有该值。然后：

   $("#" + myformid).removeClass("foo");