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

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

1. 处理返回按钮

1.1 Ajax应用的返回按钮问题

许多Ajax应用在处理页面变化时存在问题。由于Ajax应用通常不刷新页面却会改变状态，当页面刷新或用户使用返回按钮离开页面时，应用状态可能丢失。传统网页应用中，用户习惯通过点击链接和使用返回按钮浏览网站。而当熟悉这些操作的用户使用Ajax应用浏览数据时，若应用未明确处理返回按钮，点击返回会卸载应用并返回上一网页，再次返回时应用恢复初始状态，用户之前的操作进度丢失。

1.2 GWT的解决方案

GWT利用浏览器历史记录功能和HTML锚点提供了解决方案。浏览器历史记录让用户能通过返回和前进按钮在之前访问的页面间切换，而HTML锚点可在同一页面内创建链接。例如：

<a name="anyName">any spot in the page</a>
<a href="#anyName">go to the spot</a>

用户点击链接时，浏览器滚动页面使焦点落在指定锚点处，且不刷新页面。浏览器通过在URL中添加 # 符号和锚点名称来跟踪这些内部链接，如 http://www.yourdomain.com/index.html#anyName 。

GWT的 Hyperlink 小部件使用锚点名称作为令牌字符串值，代表用户点击链接后应用的状态。用户在应用中点击链接前进时，应用不刷新并能跟踪状态；点击返回按钮时，