一个简单的例子看明白如何利用window.location.hash实现ajax操作时浏览器的前进/后退功能
来源:互联网 发布:淘宝自动提货机器人 编辑:程序博客网 时间:2024/06/05 03:59
我们知道JavaScript中很早就提供了window.history对象,利用history对象的forward()、Go()、back()方法能够方便实现不同页面之间的前进、后退等这种导航功能。但是AJAX操作,是不能用浏览器的前进和后退按钮进行导航的,因为浏览器并不会将AJAX操作加入到历史记录中。但是借助location.hash,我们能够自己实现AJAX操作的前进和后退。关于window.location.hash的详细介绍和使用方式,可以参考下面这2篇文章。
location.hash详解和 6 Things You Should Know About Fragment URLs。
我们需要知道以下2点:
1.如果location.hash发生了变化,那么浏览器地址栏url会发生变化,而且浏览器会产生1个历史记录。
2.如果location.hash发生了变化,会产生一个hashchange事件,我们可以处理这个事件。
阅读全文
0 0
- 一个简单的例子看明白如何利用window.location.hash实现ajax操作时浏览器的前进/后退功能
- 一个简单的例子看明白如何利用window.location.hash实现ajax操作时浏览器的前进/后退功能
- JavaScript Window History 实现浏览器的 前进 后退 功能
- 一个简单的例子,看明白this
- 使用hash来实现Ajax前进后退
- 几种方法实现ajax请求内容时使用浏览器后退和前进功能
- 几种方法实现ajax请求内容时使用浏览器后退和前进功能
- 浏览器前进后退的判断
- ajax技术如何解决浏览器前进后退按键失效的问题
- 禁止浏览器的前进后退按钮功能的方法
- 关于ajax支持浏览器后退前进的做法
- ajax载入与浏览器历史的前进与后退
- 关于Ajax在浏览器中产生前进后退的实现方法
- JS实现浏览器部分自带的前进后退及刷新等功能
- JS实现浏览器部分自带的前进后退及刷新等功能
- 使用栈结构简易实现浏览器的后退与前进功能(以Android为例)
- 使用history.pushState()和popstate事件实现AJAX的前进、后退功能
- JavaScript 后退前进的操作
- VS中代码对齐等快捷键
- 安装maven、配置maven的settings.xml
- 前缀表达式、后缀表达式和中缀表达式的计算(double型)
- Linux 向文件末尾追加命令
- react-native运行样例报错:Error watching file for changes: EMFILE
- 一个简单的例子看明白如何利用window.location.hash实现ajax操作时浏览器的前进/后退功能
- Randy Pausch's Last Lecture
- 事件对象 事件源
- 刘芳20153721--3
- 集合
- linux查看服务器和当前登录人相关信息命令
- newInstance() 和 new 有什么区别?
- 另外一种树莓派的SPI测试
- Delphi格式化函数Format、FormatDateTime和FormatFloat