将外部内容加载到div中时的导航

Question

我正在尝试使用Ajax将我的内容加载到div中。到目前为止，我已经成功地加载它。但是，我不知道如何处理......

1. 用户输入的网址（http://www.example.com/#page.html）应该指向他们 加载了正确内容的页面。 （现在它只是正常加载它。）
2. 当用户点击浏览器上的BACK按钮时，它应该正确导航。

欢迎提出任何建议和疑虑。谢谢你的帮助。

Answer 1

案例A

加载页面后，让JavaScript检查是否存在哈希并相应地执行操作。如果存在哈希则基于哈希加载内容，否则显示默认页面。 （一定要验证哈希！）

var hash = window.location.hash /* get the hash from the url */

案例B

假设您经常浏览“从哈希到哈希”，浏览器应该已经正确地执行此操作。要求是如上所述实现案例A.

---

示例：

1. 您访问example.com
2. 您点击 example.com/ #MyAwesomeAjaxLoadedContent
3. 您点击 example.com/ #MoreAwesomeAjaxContent
4. 您点击后退按钮，现在就是 的 example.com/ #MyAwesomeAjaxLoadedContent

如果您正确实施了案例A，您的浏览器现在应该显示 example.com / ＃ MyAwesomeAjaxLoadedContent