关键对象和方法 history.pushState(); //历史记录 新增一条链接，并改变当前URL ，页面无刷新 history.replaceState(); //替换当前URL,同时更新历史记录， 页面无刷新 事件 onpopstate{ //这三个方法会触发 onpopstate事件 hi ...
分类：
其他好文 时间：
2017-10-18 11:48:38
阅读次数：
99
state (状态对象)：记录历史记录点的额外对象，可以为空 title (页面标题)：目前所有浏览器都不支持 url (可选的url)：浏览器不会检查url是否存在，只改变url，url必须同域，不能跨域 1、history.pushState history.pushState( state , ...
分类：
其他好文 时间：
2017-10-11 10:37:16
阅读次数：
104
$(document).ready(function(e) { var counter = 0; if (window.history && window.history.pushState) { $(window).on('popstate', function () { window.histo ...
分类：
Web程序 时间：
2017-09-08 13:16:47
阅读次数：
278
介绍: pushState+ajax=pjax 工作原理: 什么是pjax? 现在很多网站(facebook, twitter)都支持这样的一种浏览方式， 当你点击一个站内的链接的时候， 不是做页面跳转， 而是只是站内页面刷新。 这样的用户体验， 比起整个页面都闪一下来说， 好很多。 其中有一个很重 ...
分类：
Web程序 时间：
2017-08-30 15:28:51
阅读次数：
226
// 往windosw对象中的历史记录注入URL的方法 function addUrl() { var state = { title: "title", url: "#" }; window.history.pushState(state, "title", "#"); } addUrl(); /... ...
分类：
移动开发 时间：
2017-08-03 23:39:21
阅读次数：
1050
history.pushState 和 history.replaceState 可以在不刷新当前页面的情况下更改URL，但是这样就无法获取通过AJAX得到的新页面的内容了。虽然各种HTML5文档说 window.onpopstate 事件可以拦截 pushState 的消息，但在实际的测试中， o ...
分类：
Web程序 时间：
2017-07-20 19:50:15
阅读次数：
450
说明# PHPHub 使用 pjax 来加速网页的加载, 这篇文章是在开发完此功能后做的笔记. 什么是 Pjax# 项目地址见 这里, 官方的介绍: pushState + ajax = pjax 详细的解释请看 知乎上的这个问题, 或者自己去查阅资料. 简单点描述, 就是利用 ajax 技术去服务 ...
分类：
其他好文 时间：
2017-07-08 15:14:20
阅读次数：
307
想要更详细了解pjax，需要查看官网 或者看本站文章：jQuery.pjax.js：使用AJAX和pushState无刷新加载网页（官网教程中文翻译） 效果看本站，音乐无刷新播放，代码高亮和复制js加载成功～ 准备文件 编辑模板 header.php 的 head 添加必要文件： jquery-1. ...
分类：
编程语言 时间：
2017-07-08 15:14:12
阅读次数：
407
<script type="text/javascript"> window.onload=function(){ if (window.history && window.history.pushState) { window.onpopstate=function(){ window.histo ...
分类：
其他好文 时间：
2017-07-07 15:29:40
阅读次数：
100
应用场景：实现点击浏览器前进和回退按钮importPage，checkPage div区块的切换 关键代码： 新建tab页，将页面url粘贴到地址拦，刷新页面，此时历史栈数为2，当前onpopstate事件回调，返回e.state为null，先替换栈里的当前页，浏览器显示checkPage页面，栈里 ...
分类：
其他好文 时间：
2017-06-26 20:02:57
阅读次数：
122
