一、使用iframe,通过document.write产生历史
04 | < meta charset &#61; "utf-8" /> |
08 | < input type &#61; "button" value &#61; "加1" onclick &#61; "add()" /> |
09 | < div id &#61; "info" style &#61; "border:red 1px solid;width:200px;padding:10px;margin:5px;" >0 div > |
12 | < script src &#61; "history-0.1.js" > script > |
14 | var info &#61; document.getElementById(&#39;info&#39;); |
17 | info.innerHTML &#61; i; |
18 | document.title &#61; i; |
27 | History.push({param:0, func: func}); |
30 | info.innerHTML &#61; i; |
31 | document.title &#61; i; |
点击按钮后更新页面DOM&#xff08;模拟ajax提交&#xff09;&#xff0c;会发现浏览器后退按钮可用了。点击后退&#xff0c;可返回到前一个状态。
这种方式缺点是只支持IE和Firefox。
history-0.1.js