PhoneGap的通知

一、通知类型列表
　　1、notification.alert 　　　　提示警告框
　　2、notification.confirm 确认对话框
　　3、notification.prompt 该 notification.prompt 方法显示一个输入框，比本地浏览器的提示功能更强大。
　　4、notification.beep 发出嘟嘟的声音
　　5、notification.vibrate 震动
二、代码实例
<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>phonegap_device_network_notification01</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
            document.addEventListener("deviceready", myDeviceReadyListener, false);    
    });
    
    function myDeviceReadyListener(){
        
        //notification.alert         提示警告框
        $('#Alert').click(function(){
            showAlert();
        });
        function showAlert() {
            navigator.notification.alert(
                '提示的信息',              // message  警告框的内容
                 alertCallback,         // callback 回调函数   
                '提示信息title',            // title  警告框的标题
                '确定'                  // buttonName 
            );
            }
            
            //alertCallback
            function alertCallback(){
                alert('alertCallback');
            }
        
            
            //Confirm  确认对话框           
            $('#NoConfirm').click(function(){
            showConfirm();
         })
        function showConfirm() {
            navigator.notification.confirm(
                '你吃饭了吗？',         // message对话框的内容
                 onConfirm,            // callback to invoke with index of button pressed 回调函数
                '提示信息',           // title 对话框的标题
                '吃饭,没吃,不好吃'         // buttonLabels 
            );
        }
        function onConfirm(info){
            var v='';
            if(info==1){
                v='吃了'
            }
        
            alert('我'+v)
        }
        
        
        //prompt  输入框
         $('#prompt').click(function(){
            showPrompt();
        })
        function showPrompt() {
            navigator.notification.prompt(
                '请输入您的姓名',  // message 提示信息
                onPrompt,                  // callback to invoke
                '标题',            // title
                ['确定','取消','ok'],             // buttonLabels
                '这是默认的信息'                 // defaultText输入框的默认信息
            );
        }
        function onPrompt(info){
            alert(info.buttonIndex+'---------'+info.input1);//回调函数  info.buttonIndex表示点击的是第几个按钮，info.input1表示的是输入框的内容
        }
        
        
        
        //beep   发出嘟嘟的声音
        $('#NoBeep').click(function(){
            beep();
        })
        function beep(){
            navigator.notification.beep(2);  //2表示次数
        }
        
        
        //vibrate 震动
        $('#NoVibrate').click(function(){
            vibrate();
        })
        function vibrate(){
            navigator.notification.vibrate(2000); //2000表示的是 2秒
        }
        
    } 
</script>
</head> 
<body>
<div data-role="page">
        <div data-role="header">
            <h1>PhoneGap100实战</h1>
        </div>
        <div data-role="content">
            <a href="#" data-role="button" id="Alert">弹出提示框</a>
            <a href="#" data-role="button" id="NoConfirm">弹出确认框</a>
            <a href="#" data-role="button" id="prompt">prompt对话框</a>
            <a href="#" data-role="button" id="NoBeep">提示音</a>
            <a href="#" data-role="button" id="NoVibrate">震动</a>
        </div>
        <div data-role="footer">
            <h4>&nbsp;</h4>
        </div>
</div>

</body>
</html>