我是 PhoneGap 的新手。
我的申请必须有 2 页。首先是加载正常。第一页包含一个按钮,单击该按钮应移至第二页。如何加载第二页?我应该再准备一项扩展 DriodGap 的活动吗?
我还有一个问题:如何捕捉返回按钮事件?
导航到另一个 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>
返回事件的代码。
<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>
您需要像这样从 Javascript 重定向:
HTML 代码:
<a id="loginLnk" href="javascript:(void)">Login</a>
Javascript代码:
document.getElementById("loginLnk").addEventListener("click", function(){window.location = "/test.html";});