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

相关文章
相关标签/搜索