跨平台开发：初探PhoneGap移动开发框架(3)
转载自http://mobile.51cto.com/android-229213_2.htm
编写HelloWorld程序
接下来，我们来在此基础上编写HelloWorld程序。我们切换到index.html中去，在代码模式下，删除原来phonegap生成的代码，写入如下代码：
>
<html>
<head>
<meta name="viewport" content="width=320; user-scalable=no" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>PhoneGap Android Apptitle>
<script type="text/javascript" charset="utf-8" src="phonegap.js">script>
<script type="text/javascript" charset="utf-8">
var showMessageBox = function() {
navigator.notification.alert("Hello World of PhoneGap");
}
function init(){
document.addEventListener("deviceready", showMessageBox, true);
}
script>
head>
<body onload="init();" >
body>
html> 可以看到，这其实是普通的HTML和Javascript代码。首先在onload触发的方法init中，通过Javascript的回调方法中调用了phonegap封装好的事件
deviceready，这个事件含义是当设备在将其应用程序加载完毕后触发的。在引入phonegap提供的API时，必须通过 的方式引入进行调用。在这里的回调函数showMessageBox中，就调用了phonegap封装好的方法 navigator.notification.alert，这个方法实际上是
显示了一个带文本的提示框，运行结果如下图：
相关推荐
yxwang0 2014-01-09
朱莉的乔夫 2015-03-13
acntw 2015-06-14
xiaonian 2013-01-24
quzishen 2013-07-17
故作坚强 2013-07-15
爱技术爱生活TAO 2013-07-06
临碣秘藏 2013-07-10
czpaex 2011-09-11
益之 2014-01-09
朱莉的乔夫 2014-09-05
朱莉的乔夫 2015-03-26
益之 2015-04-21
临碣秘藏 2015-05-12
quzishen 2016-01-20
爱技术爱生活TAO 2016-01-07
tenda 2012-09-08