zoukankan      html  css  js  c++  java
  • 手机APP中使用history.back()返回没有效果的解决

    样式是一个超链接A标签,通过点击事件来达到返回上一页的效果。

    所以通常做饭是把A标签的href写成#,然后onClick事件,刚开始我只是当成一个普通点击事件,然后使用JS进行返回。
    写法如下:
    <a id="returnButton" onClick="javascript :history.back();" class="header_btn"><p class="returns_btn">返回</p></a> 
     
    但是我发现一个问题,就是在嵌套到手机的APP里面时,经常没有效果,而且有时出现无法连接的空白页面。所以我在想是不是因为嵌套在APP里面,所以出现了兼容问题,所以我查了一下是不是有这个问题。在网上有个人还在很说了这个问题,这个其实也没什么说的,说白了就是浏览器处理上的差异,我把网友的原话摘抄下来:
    JavaScript中后退的写法:history.back()或者history.go(-1)。
     
    这种写法在IE上即可实现我们想要的效果,但是在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="#",便能正常返回。
     
  • 相关阅读:
    win7 配置DNS
    链表效率
    链表用途&&数组效率&&链表效率&&链表优缺点
    java 生成随机数字
    汉诺塔
    利用HTML5开发Android(1)---Android设备多分辨率的问题
    Android读取assets目录下的资源
    Ubuntu 搭建PHP开发环境
    关于heritrix安装配置时出现”必须限制口令文件读取访问权限”的解决方法
    JQuery 的bind和unbind函数
  • 原文地址:https://www.cnblogs.com/Life-Record/p/6941763.html
Copyright © 2011-2022 走看看