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;
})

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM