单页webapp中的返回按钮

时间:2014-12-01 13:20:02

标签: javascript jquery html5 web-applications

我正在构建我的第一个WebApp。我的头部有一个小导航栏,应该放置一个后退按钮。应用程序的页面都放在一个文档中,因此div设置为

<div id="page_1" class="page" style="display:none">

将通过点击链接显示

onclick="show('Page_dash');

现在我想要一个返回到最后显示页面的后退按钮。我试过这个

onclick="history.go(-1);

但它没有用,因为只有一个页面包含所有页面,所以history.go(-1)转到最后访问过的主页。所以我正在寻找一个好的,快速而简单的解决方案!

感谢

1 个答案:

答案 0 :(得分:1)

要创建有效的单页面应用程序(SPA),您需要实施一种方法来跟踪最终用户看似传统的历史记录。有一些不同的技术,但作为企业级单页面应用程序的开发人员,我强烈建议使用 url hash 方法。

此技术允许您的最终用户为特定的&#34;页面添加书签&#34;在您的单页应用中,以及使用浏览器的后退按钮返回上一页。如果最终用户尝试使用浏览器的后退按钮返回上一页,并发现他们将返回给Google或他们之前访问过的任何网站,那么最终用户可能会对单页应用感到非常沮丧。

以下是关于该主题的一些额外阅读:URL Hash Techniques