Question

javascript:history.back()返回不到前一页面

在A.jsp页面用<a href="B.jsp">跳到B.jsp页面，在B.jsp页面存在<a name = "a">、<a href="#a">和<input type="button" name="Submit" onClick="javascript:history.back(-1);" value="返回">，在点击了<a href="#a">后再点击返回按钮跳不回去A.jap页面，点了n次<a href="#a">，要点n+1次返回按钮才能返回A.jsp页面。
怎么样才能不管点击多少次<a href="#a">，点击一次返回按钮就能返回A.jsp页面？

Answer 1

用document.referrer试试。

这个属性是指从什么页面来到当前页面的。

如果A.jsp跳到B.jsp，那么这个值应该是url/A.jsp。点击锚点之后这个属性也不会变。

//javascript:history.back(-1);
location.href=document.referrer;

追问

返回是返回A.jsp界面了，可是我A.jsp的数据查询出来的数据也没了

追答

哦，这个是相当与重新打开A.jsp所以之前操作过的会丢失。

那你试试”炎燎zz“的方法吧。

Answer 2

用一个click事件，监听#a被点击的次数，例如#a被点击了2次，那么使用：

window.history.go(-3);

这样就能直接退回到A.jsp

追问

能详细点吗？

追答

var count = 0;

var aEl = document.getElementById('a'); // #a节点

aEl.addEventListener('click', function() {
  count++;
}, false);

btn.addEventListener('click', function() {
  window.history.go(-1 - count);
}, false);

追问

尝试了半天，还是不行，能更详细点吗，我对javascript不是很熟悉，是不是还要配置什么啊，
btn.addEventListener('click', function() {
window.history.go(-1 - count);
}, false);
这个执行不了啊