为什么“后退”按钮无法导航回智能手机上的上一页?

时间:2013-01-16 18:22:19

标签: html web-applications mobile mosync

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

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

这两个HTML文件都位于同一目录中。我在桌面浏览器中测试了它,它工作正常。但是当我构建并将应用程序加载到我的Android智能手机时出现问题。如果我点击&#34;下一步&#34;如上面在index.html中给出的链接,它将在没有任何问题的情况下进入info.html页面。但是当我使用&#34; Back&#34;我的智能手机上的按钮,它卡在那里,并没有像预期的那样回到上一页index.html。那么这里的问题是什么?我正在使用MoSync SDK进行HTML Web应用程序开发工具。

2 个答案:

答案 0 :(得分: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

我希望这会有所帮助。

答案 1 :(得分:1)

试试这个,它对我有用

                      ` //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应用程序的第一页