标签：
一、通知类型列表
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> </h4> </div> </div> </body> </html>
标签：
原文地址：http://www.cnblogs.com/LO-ME/p/4572876.html
