一、通知类型列表
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>
时间： 2024-10-11 18:13:33