手机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="#"，便能正常返回。