跨平台开发:初探PhoneGap移动开发框架(4)

转载自http://mobile.51cto.com/android-229213_3.htm

 

改进HelloWorld程序

接下来我们改进下这个程序,实现的功能是我们可以在文本框里输入名字,然后点确定按钮后,弹出提示窗口显示Hello+你输入的名字。修改程序代码如下:

>    
    
<html>    
    
  <head>    
    
    <meta name="viewport" content="width=320; user-scalable=no" />    
    
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">    
    
    <title>PhoneGaptitle>    
    
              <script type="text/javascript" charset="utf-8" src="phonegap.js">script>            
    
              <script type="text/javascript" charset="utf-8">    
    
              var displayHello = function() {     
    
                        var name =      document.getElementById("firstname").value;     
    
                        navigator.notification.alert("name" + name);     
    
            }     
    
   script>    
    
  head>    
    
  <body οnlοad="init();" id="bdy" >    
    
            <div id="txt">    
    
            <input   type="text" name="firstname" id="firstname" />    
    
            div>    
    
            <div id ="btn">    
    
    <a href="#" class="btn" οnclick="displayHello();">Say Helloa>    
    
            div>    
    
        div>    
    
  body>    
    
html>   
 

如果你懂得HTML和Javascript的话,上面的程序实在容易理解。其中我们添加了一个名为firstname的文本框,并且在按钮的 onclick事件中调用的displayHello()方法中通过document.getElementById的Javascript方法获得了用 户输入的名字,然后同样用navigator.notification.alert的方法输出结果,输入的界面和输出的结果如下图所示:

总结

通过PhoneGap这套开源框架对开发移动设备SDK的封装,我们今后在开发移动应用时,只需要调用PhoneGap封装好的API,结合已有的 Java、HTML、CSS和Javascript技术,就可以很方便地进行开发了,更多的资料请查看PhoneGap的帮助文档。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值