首页
研发服务
IT培训
智能制造
关于我们
您的位置 :
首页
>>
技术交流
>>
软件开发
>>
ajax后退解决方案（二）
ajax后退解决方案（二）
来源：广州中睿信息技术有限公司官网
发布时间：
2012/10/21 23:25:16
编辑：
editor
阅读
213
次
二、使用iframe，通过修改iframe.src产生历史<!DOCTYPEhtml><html><head><metachar
二、使用iframe，通过修改iframe.src产生历史
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>0</title> </head> <body> <input type="button" value="加1" onclick="add()" /> <div id="info" style="border:red 1px solid;width:200px;padding:10px;margin:5px;">0</div> </body> </html> <script src="history-0.2.js"></script> <script> var info = document.getElementById('info'); var i = 1; function add() { info.innerHTML = i; document.title = i; var data = { param : i, func : func }; History.push(data); i++; } History.push({param:0, func: func}); function func(i) { info.innerHTML = i; document.title = i; } </script>
较上一篇多了个blank.html，是一个空html架子，没有JS逻辑代码，如下
<!DOCTYPE HTML> <html> <head> <title>blank.html</title> </head> <body> </body> </html>
每次ajax操作会往iframe.src的问号后附加一个数字以记录历史。点击后退按钮，iframe的onload事件中获取iframe的url，根据问号后的数字去取记录。
所有浏览器均支持该方式。缺点是如果主页面中存在其它iframe，且修改了其src。历史管理会混乱。
相关阅读
· 猜猜，谁从从科幻走进现实了？2012.10.21
· 在网页设计中应用大照片作背景的52个优秀范例（上篇）2012.10.21
· HTML特殊字符编码对照表2012.10.21
· 常见Web技术之间的关系，你了解多少？2012.10.21
· for(var key in object){}语句枚举2012.10.21
联系我们
CONTACT
扫一扫
愿景：成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳
Tel：020-38931912
务实 Pragmatic
广州：广州市天河区翰景路1号金星大厦18层中睿信息
Fax：020-38931912
专业 Professional
深圳：深圳市福田区车公庙有色金属大厦509~510
Tel：0755-25855012
诚信 Integrity
所有权声明：PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有：广州中睿信息技术有限公司 粤ICP备13082838号-2
