PhoneGap的通知
2024-08-24 19:05:42
一、通知类型列表
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>
最新文章
- CSS实现文字省略
- redis lua
- Asp.Net Core--简单的授权
- eclipse 编译android程序 编译错误
- C# 6.0
- Server Develop (六) Linux epoll总结
- JAX-WS开发WebService程序
- C语言小结之结构类型
- WINDOWS 2008 SERVER域用户自动登陆
- 20151221jquery学习笔记--验证插件
- hdu 3473 划分树
- 继承LinearLayout自定义左侧菜单
- CF558E-A Simple Task-线段树+计数排序
- LeetCode(34):搜索范围
- Android平台MediaCodec避坑指北
- abp项目中无法使用HttpContext.Current.Session[";";]的问题
- ctrl+c ctrl+d ctrl+z 的区别和使用场景
- htm5之视频音频(shit IE10都不支持)
- Linux下的两个经典宏定义 转
- ButterKnife 初体验