如何在android phonegap中将一个页面导航到另一个页面?
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/12280351/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to navigate one page to another page in android phonegap?
提问by SuReSh PaTi
I am new to PhoneGap.
我是 PhoneGap 的新手。
My application has to 2 pages. The first is loading fine. First page contains one buttons, which when clicked should move to the second page. How to load the second page? Should I prepare one more activity extending DriodGap?
我的申请有 2 页。首先是加载良好。第一页包含一个按钮,单击后应移动到第二页。如何加载第二页?我应该再准备一项扩展 DriodGap 的活动吗?
I have one more problem: how to catch back button events?
我还有一个问题:如何捕捉按钮事件?
回答by Chirag
Code to navigate to another html page.
导航到另一个 html 页面的代码。
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
<script type="text/javascript" charset="utf-8">
function onLoad()
{
document.addEventListener("deviceready", onDeviceReady, true);
}
function onDeviceReady()
{
// navigator.notification.alert("PhoneGap is working");
}
function callAnothePage()
{
window.location = "test.html";
}
</script>
</head>
<body onload="onLoad();">
<h1>Welcome to PhoneGap</h1>
<h2>Edit assets/www/index.html</h2>
<button name="buttonClick" onclick="callAnothePage()">Click Me!</button>
</body>
Code for back Event.
返回事件的代码。
<script type="text/javascript" charset="utf-8">
document.addEventListener("deviceready", onDeviceReady, true);
function onDeviceReady()
{
document.addEventListener("backbutton", BackKeyDown, true);
}
function BackKeyDown()
{
navigator.notification.alert();
//navigator.app.exitApp(); // For Exit Application
}
</script>
回答by NK_Mimrot
You need to redirect from Javascript like this:
您需要像这样从 Javascript 重定向:
HTML Code:
HTML代码:
<a id="loginLnk" href="javascript:(void)">Login</a>
Javascript code:
Javascript代码:
document.getElementById("loginLnk").addEventListener("click", function(){window.location = "/test.html";});