跨平台开发:初探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 οnlοad="init();"  >    
      body>    
    html>    
     
 

可以看到,这其实是普通的HTML和Javascript代码。首先在onload触发的方法init中,通过Javascript的回调方法中调用了phonegap封装好的事件

deviceready,这个事件含义是当设备在将其应用程序加载完毕后触发的。在引入phonegap提供的API时,必须通过 的方式引入进行调用。在这里的回调函数showMessageBox中,就调用了phonegap封装好的方法 navigator.notification.alert,这个方法实际上是

显示了一个带文本的提示框,运行结果如下图:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值