手机端小强原创文章,java小强个人博客站点
当前位置: 首页 >> JS >> 手机APP中使用history.back()的问题

手机APP中使用history.back()的问题

33480 JS | 2015-5-24

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

所以通常做饭是把A标签的href写成#,然后onClick事件,刚开始我只是当成一个普通点击事件,然后使用JS进行返回。

写法如下:

<a id="returnButton" onClick="javascript :history.back(-1);" 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="#",便能正常返回。

所以我修正了下我的写法,修改为:

<a id="returnButton" onClick="javascript :window.history.back(); return false;" class="header_btn"><p class="returns_btn">返回</p></a>

修改后可以正常使用。

其实仔细想想,也不是什么大问题,也是自己疏忽了细节而已。

推荐您阅读更多有关于“ js app 手机端 android 返回 window ”的文章

上一篇:Hibernate下载地址 下一篇:最近传销很火

猜你喜欢

发表评论:

个人资料
blogger

java小强
没有思考,人生的路会越走越难!

搜索
分类
最新微语
  • 今日北京再次沙尘暴来袭,吃了几年细粮,终于能来口粗粮了,不过大早上看见这场景,还是吓我一跳,不过随后就平静了,毕竟是老朋友了。进公司又发现一股烤糊的味道,真是祸不单行啊,例外都是污染。发了两个口罩,开启保护模式。

    2017-05-04 10:16

  • 今天同学问我,最近还在写代码吗?我想了想,这个问题怎么回答呢,我好像确实很长时间,虽然写了一些,但是主要内容已经不是写代码了。然后再想想,自己也7年多了,这么多年了,我收获了什么,我的目标到底是什么。眼看就奔三了,人生啊,开启感叹模式。

    2017-03-30 22:52

  • 也许大家都已经注意到了,今年的房价,好多地方都是翻了一番,跟着就是,各地房东开始变相涨租。今年之所以搬走,就是为此,这两天同学也是如此。很多房东只认钱,别谈感情,伤钱。而对于这个城市来说,你怎么定位自己,你真把自己当成她的一份子?你来此为何?将来何去何从?自己掂量清楚。

    2016-12-05 10:03

  • 为什么一直不写了呢?因为当爸爸了,没空了。今年的冬天,有些寒冷,除了这寒冬带来的不适,更有因乐视公司遇到危机,而带来的同事别离。送别同事,看着空旷的工位,心中有些悲凉。临近年关,此时此刻,该怎么做,似乎不再是脑子一热那么简单了。

    2016-11-24 11:28

  • 已经请假,加上国庆,要很长一段时间不在北京了。919加班,搞的现在有点心累,胸闷,身体不适。看来,我要好好休息一下了。这几天有些冷,2016的冬天,一步步来了,各位亲友,记得添衣加粗啊。

    2016-09-23 17:29

  • 更多»

最新文章
热门文章
随机文章