//主要行为和方法如下:
if (!!(window.history && history.pushState)) { // 支持History API var stateObj = { foo: "bar" }; history.pushState(stateObj, "page 2", "user.html"); //第一个参数是 附加数据,第二个参数是title,第三个是url尾部 //当前页面如果是 http://www.opq.me触发后将是http://www.opq.me/user.html(实际上user.html不存在,但这里并不会出现NotFound404 ) //这种行为是入栈 /**++++++++++++++++++++++++++++++++++++++++++++++++++++++***/ //为了响应出栈,我们需要监听 出栈事件 window.addEventListener(window,‘popstate‘,function onPopStack(evt){ var e = evt || window.event; console.log("location: " + document.location); console.log("state: " + JSON.stringify(event.state)); console.dir(evt); },true); } else { // 不支持 }
如何出栈,出站后如何前进?
这是一个不是问题的问题:
①答案是: History.back() history.go(index) history.forward(),当然这是对于使用程序控制的
②还有一个答案是浏览器的回退和前进按钮
意义浅析,这种网站的意义不言而喻,我们只需要一个页面就可以完成很多任务,但后台控制器只有一个,少了很多请求,也提高和用户体验
目前前端MVC框架backbone.js使用了 锚链接的方式,没有使用history api,主要是为了兼容 IE浏览器,期待未来history api本融入其中。