标签：
window的history是历史条目对象，在浏览器里，历史条目是保存在一个历史记录栈里，并通过go()等一系列函数进行操作。
最近遇到一个项目，主要需求是HTML页面放到App里，App包含一个webView来显示HTML，并提供两个按钮，一个关闭按钮（关闭webView并返回app其他界面），一个是后退按钮，后退页面，也就是浏览器的后退按钮。需求要求所有页面不能跳转，也就是需要通过div的切换来模拟多个页面。
如此原生的history对象我们就不能用了，但是借鉴原理设计一个自己的历史记录栈还是可行的，并且需求不涉及前进，只关注后退。具体思路如下：
一、定义一个数组来模拟堆栈，并且我们知道JavaScript的数组具有pop和pusp函数，这样我们把数组做为一个历史记录栈。
二、给每个div分配一个变量（或者直接用id）来标识div。
三、定义goto()函数，根据参数（实际上就是出栈次数）进行出栈。
四、每一个div切换都需要div的id入栈。
以下代码并没有什么实际意义，只是让文章看着字数多点，具体如何把Array实例做成完善的栈对象，主要还是按照自己的思路来设计为好，具体的实现会多种多样的。
var historystack = new Array(); // 页面历史堆栈 // 后退一次 function goto( step ) { // 给App用的函数 var stackLength = historystack.length; // 获取栈长度（内容个数） if ( stackLength === 0 ) { return 0; } msg( stackLength ); //debug信息 msg( historystack[ stackLength-1 ] ); //debug信息，取出来的id showDiv( historystack[ stackLength-1 ], false ); //获取栈顶id,false随便写 } // 根据id参数显示div function showDiv() { var elem, nextElem, elemClass, nextElemClass, argLength = arguments.length; switch ( argLength ) { case 1: // 入栈显示 elem = document.getElementById( thisDivId ); //获取当前页面dom nextElem = document.getElementById( arguments[0] ); //获取下一页dom elemClass = classList(elem); // 模块用 nextElemClass = classList(nextElem); // 模块用 elemClass.remove( "show" ); // 隐藏当前页 nextElemClass.add( "show" ); // 显示下一页 historystack.push( thisDivId ); //把需要隐藏的页压入栈内 thisDivId = arguments[0] ; // 保存当前页id try { mobileAndroidApp.isBack( true ); // 告诉sdk变成后退按钮 } catch (err) { alert(err.message); } break; case 2: //出栈显示 elem = document.getElementById( thisDivId ); //获取当前页面dom nextElem = document.getElementById( arguments[0] ); //获取下一页dom elemClass = classList(elem); // 模块用 nextElemClass = classList(nextElem); // 模块用 elemClass.remove( "show" ); // 隐藏当前页 nextElemClass.add( "show" ); // 显示上一页 thisDivId = historystack.pop(); // 出栈，保存当前显示页id if ( historystack.length === 0 ) { // 栈里没东西了，表示第一页 try { mobileAndroidApp.isBack( false ); // 告诉sdk变成关闭按钮 } catch (err) { alert(err.message); } } break; default: return 0; break; } console.dir( historystack ); //显示栈状态 }
标签：
原文地址：http://www.cnblogs.com/jingubang/p/4642499.html
