二、使用iframe，通過修改iframe.src產生曆史 view source print ?
| 01 | <!DOCTYPE html> |
| 02 | <html> |
| 03 | <head> |
| 04 | <meta charset="utf-8" /> |
| 05 | <title>0</title> |
| 06 | </head> |
| 07 | <body> |
| 08 | <input type="button" value="加1" onclick="add()" /> |
| 09 | <div id="info" style="border:red 1px solid;width:200px;padding:10px;margin:5px;">0</div> |
| 10 | </body> |
| 11 |
| 12 | </html> |
| 13 | <script src="history-0.2.js"></script> |
| 14 | <script> |
| 15 | var info = document.getElementById('info'); |
| 16 | var i = 1; |
| 17 | function add() { |
| 18 | info.innerHTML = i; |
| 19 | document.title = i; |
| 20 | var data = { |
| 21 | param : i, |
| 22 | func : func |
| 23 | }; |
| 24 | History.push(data); |
| 25 | i++; |
| 26 | } |
| 27 |
| 28 | History.push({param:0, func: func}); |
| 29 |
| 30 | function func(i) { |
| 31 | info.innerHTML = i; |
| 32 | document.title = i; |
| 33 | } |
| 34 | </script> |
較上一篇多了個blank.html，是一個空html架子，沒有JS邏輯代碼，如下 view source print ?
| 1 | <!DOCTYPE HTML> |
| 2 | <html> |
| 3 | <head> |
| 4 | <title>blank.html</title> |
| 5 | </head> |
| 6 | <body> |
| 7 | </body> |
| 8 | </html> |
每次ajax操作會往iframe.src的問號後附加一個數字以記錄曆史。點擊後退按鈕，iframe的onload事件中擷取iframe的url，根據問號後的數字去取記錄。
所有瀏覽器均支援該方式。缺點是如果首頁面中存在其它iframe，且修改了其src。曆史管理會混亂。
history-0.2.js 分類: ajax/sjax
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
