今天在作一個app測試時須要用到返回上一級來源頁面的一個功能了,但測試了history.back()以後發如今ie有效在FireFox和Chrome無效,下面咱們來看問題如何解決。app
最初寫法是history.back()以下測試
htmhtm
<div class="btn1"><a href="#" id="calcelbtn">取消</a></div> io
js代碼function
$('#calcelbtn').click(function(){
history.back();
})class
測試後發如今ie能夠使用,在在FireFox和Chrome無效了,後來百度了一下發現要按下面方法定才被在FireFox和Chrome無效支持了。cli
FireFox:百度
只須要改爲以下方式:方法
<a href="#" onclick="window.history.back()">返回</a>top
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;})