三、通过修改location.hash产生历史,hashchange事件处理后退
04 | < meta charset = "utf-8" /> |
08 | < input type = "button" value = "加1" onclick = "add()" /> |
09 | < div id = "info" style = "border:red 1px solid;width:200px;padding:10px;" >0</ div > |
12 | < script src = "history-0.4.js" ></ script > |
14 | var info = document.getElementById('info'); |
25 | History.push({param:0, func: func}); |
每次ajax操作去改变location.hash的值,每次修改后地址栏均会有所体现。在window.onhashchange中监听该事件。通过hash的值取对应的历史。
较iframe的好处是可以复制地址栏的url直接进入该历史记录,缺点是IE6/7不支持。
history-0.4.js
相关:
http://msdn.microsoft.com/en-us/library/cc288209(v=vs.85).aspx
https://developer.mozilla.org/en/DOM/window.onhashchange
http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-hashchange