js的history.back()在FireFox和Chrome無效解決辦法

最初寫法是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;
})

好了這樣就可以了哦，大家去試一下吧。