为什么我的智能手机上的“返回”按钮无法导航回上一页？答案

【问题标题】：Why the "Back" button does not navigate back to the previous page on my smartphone?为什么我的智能手机上的“返回”按钮无法导航回上一页？
【发布时间】：2012-12-31 03:59:57
【问题描述】：

我是移动开发的新手。我为移动平台编写了一个简单的 Web 应用程序，其中包含两个 HTML 文件：index.html、info.html。在主页 index.html 中，有一个超链接允许用户导航到下一个 HTML 页面：info.html 像这样：

<a href="info.html">Next</a>

这两个 HTML 文件位于同一目录中。我在我的桌面浏览器中测试了它，它工作正常。但是当我构建应用程序并将其加载到我的 Android 智能手机时出现了问题。如果我单击上面 index.html 中给出的“下一步”链接，它将毫无问题地进入 info.html 页面。但是当我使用智能手机上的“返回”按钮时，它卡在了那里，并没有按预期返回到上一页 index.html。那么这里的问题是什么？我正在使用 MoSync SDK for HTML web 应用程序开发工具。

【问题讨论】：

标签： html web-applications mobile mosync

【解决方案1】：

我自己没有安卓手机。您是否不小心删除了历史记录，如果没有尝试在其中放置您自己的后退按钮可能不起作用，但它可能会有所帮助。

将此代码插入 HTML 文档的头部：

<script>
function goBack()
  {
  window.history.back()
  }
</script>

然后将此代码插入您希望按钮出现的位置：

<input type="button" value="Back" onclick="goBack()">

要了解有关 javascript 后退按钮的更多信息：http://www.w3schools.com/js/js_window_history.asp

我希望这会有所帮助。

【讨论】：

谢谢。这可以通过在页面中添加我自己的后退按钮来实现。但是，如果我想使用 Android 手机底部触摸屏上的“返回”按钮来实现相同的“导航返回”行为，该怎么办？

【解决方案2】：

试试这个，它对我有用

                      ` //back button (on Android).
                      document.addEventListener(
                    "backbutton",
                 function()
                        {
                     window.history.back()
                   },
                   true);`

这个是退出应用程序

                    `// Close the application when the back key is pressed.
               document.addEventListener(
                        "backbutton",
                       function()
                     {
                        mosync.app.exit();
                  },
                 false);`

它们都是 javascripts 文件，所以将它们放在脚本标签中将此脚本放在您的 android 应用程序的第一页

【讨论】：