单页面返回问题

Question

写了这样一个页面，通过点击按钮，就会显示第二个框框的页面，点击div1内的按钮后，显示最后一个框框的内容，但是我在最后一个页面刷新就会回到初始页面，（1）怎么使得最后一个面刷新而不重新回到第一个页面，（2）而是通过浏览器的返回按钮回到第一个页面.新手这两个问题求大神出手相救。

Answer 1

如果不使用各种MVVM框架的话，可以研究下这本书Single Page Web Applications Javascript end-to-end。里面Manage application state有介绍你这一块，使用方案：jquery的uriAnchor插件

要不的话，使用框架，各框架的router都解决这个问题

(建议读读这本书，了解不适用框架做SPA的过程，才能体会现在框架的好处)

Answer 2

两个问题其实差不多，单页面并不只是 js 局部刷新内容，还要切 url 的呀，你可以查查 history.pushState 和 history.replaceState。弄明白这两个 api 之后再查查 popstate 事件。再结合前端缓存，完成基本的单页面流程。