最初寫法是history.back()如下:
htm
<div class="btn1"><a href="#" id="calcelbtn">取消</a></div>
js代碼
$('#calcelbtn').click(function(){ history.back(); })
測試后發現在ie可以使用,在在FireFox和Chrome無效了,后來百度了一下發現要按下面方法定才被在FireFox和Chrome無效支持了。
FireFox:
只需要改成如下方式:
<a href="#" onclick="window.history.back()">返回</a>
Chrome:
Chrome比FireFox更難搞:
<a href="#" onclick="window.history.back(); return false;">返回</a>
人分析:對於Chrome來說,首先執行window.history.back(),執行完成之后再接着執行href="#",所以無法返回。加上 return false之后將不再執行href="#" 好了,我們進行一些修復
$('#calcelbtn').click(function(){ window.history.back(); return false; })
好了這樣就可以了哦,大家去試一下吧。