当前位置: 代码迷 >> Ajax >> ajax退后解决方案(二)
  详细解决方案

ajax退后解决方案(二)

热度:225   发布时间:2016-05-11 09:11:04.0
ajax后退解决方案(二)

二、使用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。历史管理会混乱。

history-0.2.js

  相关解决方案
本站暂不开放注册!
内测阶段只得通过邀请码进行注册!
 
  • 最近登录:Sun Jul 23 06:42:51 CST 2017
  • 最近登录:Sun Jul 23 06:42:51 CST 2017
  • 最近登录:Sun Jul 23 06:42:51 CST 2017
  • 最近登录:Sun Jul 23 06:42:51 CST 2017
  • 最近登录:Sun Jul 23 06:42:51 CST 2017