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

今天在作一個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;})

相關文章
相關標籤/搜索