Javascript 具有哈希更改的简单SPA（单页应用程序）实现

我正在制作一个应用程序，允许用户在a页上做一些事情。但是，我想包括一个功能，将用户链接到B页，并在完成B页上的活动后，将用户链接回a页，并在tact中使用他的a页进度。当前，在链接到B页然后返回到A页之后，A页上的所有进度都消失并返回到0。如何实现这一点？

您可以使用任何存储机制（如会话或本地存储）保存页面A中的数据，只要您可行。当您从B页返回时，您可以预先填写所有数据。完成此过程后，您可以从存储器中删除数据。

您可以使用任何存储机制（如会话或本地存储）保存页面A中的数据，只要您可行。当您从B页返回时，您可以预先填写所有数据。您可以在完成该过程后从存储器中删除数据。

一个简单的SPA实现监听

#散列

更改如下：

$（窗口）.on（'hashchange'，routePage）；
函数路径页（）{
var pageName=（window.location.hash）？window.location.hash:#page1；
$（'div.pages'）.hide（）；//隐藏所有页面
$（pageName）.show（）；//显示当前页面
/*切换页面特定功能，现在不使用*/
开关（页面名称）{
案例“#第1页”：
警报（“转到第1页”）；
打破
案例“#第2页”：
警报（“转到第2页”）；
打破
}
}

div.pages*{
显示：块；
利润率：10px；
}
a区第页，h4区第页{
填充物：5px；
文本对齐：居中；
背景：浅灰色；
}	
a组{
文字装饰：无；
颜色：黑色；
}

发表你的评论
成功！
您的评论将很快发布

一个简单的SPA实现监听

#hash

更改如下：

$（窗口）.on（'hashchange'，routePage）；
函数路径页（）{
var pageName=（window.location.hash）？window.location.hash:#page1；
$（'div.pages'）.hide（）；//隐藏所有页面
$（pageName）.show（）；//显示当前页面
/*切换页面特定功能，现在不使用*/
开关（页面名称）{
案例“#第1页”：
警报（“转到第1页”）；
打破
案例“#第2页”：
警报（“转到第2页”）；
打破
}
}

div.pages*{
显示：块；
利润率：10px；
}
a区第页，h4区第页{
填充物：5px；
文本对齐：居中；
背景：浅灰色；
}	
a组{
文字装饰：无；
颜色：黑色；
}

发表你的评论
成功！
您的评论将很快发布

是否将数据存储在全局变量中？或者您可以使用AJAX来完成您在B页上所做的工作，而不是移动到B页。因此，保持A页的进度不变。是否将数据存储在全局变量中？或者你可以使用AJAX来完成你在B页上的工作，而不是移动到B页。因此，保持A页的进度不变。嗨，我已经尝试过了，我想这就是我想要的。然而，在尝试将您的代码改编为我的应用程序时，我发现当移回页面A时，一些元素丢失了。你知道为什么会这样吗？提前感谢：）没关系，意识到这是因为$（'div'）。hide（），非常感谢你的帮助！更新并添加了一个类的页面包装器divHi我已经尝试了这一点，我认为这是我正在寻找的。然而，在尝试将您的代码改编为我的应用程序时，我发现当移回页面A时，一些元素丢失了。你知道为什么会这样吗？提前感谢：）没关系，意识到这是因为$（'div'）。hide（），非常感谢你的帮助！为页面包装器div更新并添加了一个类