前端实现返回前一页面

返回按钮的实现使用 history.go(-1)，此方法可返回上一操作但会记录当前页签的所有操作，所以子页签同时操作的情况下就会产生混乱。

例：

当前页签下，若其一子页签A停留在A1页面，另一子页签B连续操作进入各个页面最后停留在B10。此时返回A页面点击返回，当前A页面不会有反应，而子页签B退回到页面B9。这对返回按钮操作来说是存在问题的。

最初问题出现在列表页面与查看页面的切换，进入查看页面有综合查询列表（list）及个人填写列表（myList），所以列表页面可以添加传入参数url区分由哪个页面进入的查看页面，同时 controller 接收传参放入 model，再传入页面上，此时页面就可直接设置返回按钮的 href 达到固定返回按钮跳转 url 的目的。

进一步思考，能否减少修改范围，或只修改页面就能解决这个问题，查询到 js 方法 document.referrer 可返回载入当前文档的文档的 URL。于是页面初始加载 ready 中修改返回按钮的 href 即可达到目的。

$("#btnBack").attr("href", document.referrer);

 进一步优化在返回按钮中使用 js 方法，直接使用<input>标签执行 js 方法更加方便，结果如下

<input class="btn" type="button" value="返回" οnclick="location.href=document.referrer" />

实际使用中再次发现问题，document.referrer返回无参数，即原查询列表的查询结果，再点击返回后就失去了查询结果最后又回到了修改 history.go(-1) 方法。进入页面时，记录当前历史记录长度，即 historyNum = history.length，通过计算就可得知应退回多少步，即结果

<input class="btn" type="button" value="返回" οnclick="history.go(historyNum-history.length-1)" />