14、优化Ajax应用：处理返回按钮与CSS样式设计

优化Ajax应用：处理返回按钮与CSS样式设计

1. 处理返回按钮

许多Ajax应用存在一个常见问题，即它们不能很好地处理页面变化。由于Ajax应用通常不刷新页面，但仍会改变其状态，因此当页面刷新或用户使用返回按钮离开页面时，其状态可能会丢失。传统的Web应用中，用户习惯通过点击链接浏览网站，并使用返回按钮返回上一个查看的页面。当这些熟悉链接和返回按钮的用户使用Ajax应用浏览数据时，他们可能会使用返回按钮返回之前查看的数据。如果Ajax应用没有明确处理返回按钮，它将卸载并返回上一个网页。当用户意识到发生了什么并尝试返回时，他们会回到应用的初始状态，之前的所有进度都会丢失。

GWT提供了一个很好的解决方案，它结合了浏览器的历史记录功能和HTML锚点。浏览器的历史记录功能大家都很熟悉，用户可以使用返回和前进按钮在之前访问过的页面之间切换。而HTML锚点是HTML中用于创建可点击链接的 <a> 标签，通常称为超链接，锚点一般指同一页面内的链接。例如，在页面中可以这样标记一个部分：

<a name="anyName">any spot in the page</a>

然后使用以下代码链接到该位置：

<a href="#anyName">go to the spot</a>

当用户点击超链接时，浏览器会滚动页面，使焦点位于名为 anyName 的锚点上。浏览器会