ajax后退解决方案(一)
来源:互联网 发布:三一学院 知乎 编辑:程序博客网 时间:2024/06/06 15:54
一、使用iframe,通过document.write产生历史
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
</
html
>
12
<
script
src
=
"history-0.1.js"
></
script
>
13
<
script
>
14
var info = document.getElementById('info');
15
var i = 1;
16
function add() {
17
info.innerHTML = i;
18
document.title = i;
19
var data = {
20
param : i,
21
func : func
22
};
23
History.push(data);
24
i++;
25
}
26
27
History.push({param:0, func: func});
28
29
function func(i) {
30
info.innerHTML = i;
31
document.title = i;
32
}
33
</
script
>
点击按钮后更新页面DOM(模拟ajax提交),会发现浏览器后退按钮可用了。点击后退,可返回到前一个状态。
这种方式缺点是只支持IE和Firefox。
history-0.1.js
分类: ajax/sjax
- ajax后退解决方案(一)
- ajax后退解决方案(二)
- ajax后退解决方案(三)
- ajax后退解决方案(四)
- ajax后退解决方案(五)
- 让浏览器记住ajax请求并能前进和后退方法(一)
- 让浏览器记住ajax请求并能前进和后退方法(一)
- Ajax浏览器后退处理
- AJAX页面浏览器前进后退按钮失效和地址书签的解决方案
- AJAX不再是“搜索引擎杀手”(后退的实现)
- struts--防止浏览器后退(解决方案)
- AJAX的产进后退
- AJAX的产进后退
- AJAX 前进后退刷新问题
- 封杀IE,Ajax后退功能
- ajax(一) 初识ajax
- ionic后退造成的闪退解决方案
- 关于在 AJAX 中实现“后退功能”.
- SMARTFORM的使用BSIS会计凭证中的字段DMBTR(本币金额)报错
- IOS开源:QuincyKit
- 打印格式设置(SPAD)
- C#中new、override、virtual关键字的区别
- Android开发小结
- ajax后退解决方案(一)
- BOM展开函数解析
- iOS开源:MYCrypto
- 做总账凭证FB50报错“错误调用功能模块 CHECK_PLANTS_ABROAD_ACTIVE”
- windows xp下配置JDK环境变量
- SAP同一公司不同工厂间物料转储方案比较
- android 内存使用
- 技巧网站锦集
- linux2.6.36以上安装aodv-uu-0.9.6