一、通知类型列表

　　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>

PhoneGap的通知的更多相关文章

  1. Phonegap 通知 Notification

    通知 Notification 一.notification.alert 对话框 notification.alert 响铃 notification.beep 震动 notification.vib ...

  2. 新手的第一个phonegap Android应用

    对PhoneGap开发感兴趣的请加入群 PhoneGap App开发 348192525   手机成为现在软件应用必不可少的一种设备,然而手机平台的不统一造成我们需要为不同手机重写代码,这对一般应用来 ...

  3. Phonegap 之 iOS银联在线支付（js调用ios端银联支付控件）

    Phonegap项目,做支付的时候,当把网站打包到ios或android端成app后,在app上通过wap调用银联在线存在一个问题: 就是当从银联支付成功后,再从服务器返回到app客户端就很难实现. ...

  4. phonegap + Framework7 之 ios 推送跳转测试

    先说说项目情况:使用phonegap创建的ios项目,然后在使用html + css开发网页中又使用了一个框架Framework7(Framework7是一个构建仿原生ios和android应用的框架 ...

  5. phonegap创建的ios项目推送消息出现闪退现象

    使用phonegap创建的ios项目,推送消息时,当程序在前台运行或者在后台运行状态下,推送消息过来,可以解析并且跳转: 但是在程序从后台退出的状态下,当消息推送过来的时候,点击通知栏,打开程序,程序 ...

  6. [转]初探 PhoneGap 框架在 Android 上的表现

    原文地址:http://topmanopensource.iteye.com/blog/1486929 phonegap是由温哥华的一家小公司研发的多平台的移动开发框架,支持流行的大多数移动设备(iP ...

  7. cordova的android notify消息通知插件

    最近在学习用CORDOVA(PHONEGAP)结合SENCHA TOUCH开发应用,想实现一个安卓下的消息通知功能,这个可以通过CORDOVA的插件来实现. 插件目录结构如下: notifyplugi ...

  8. 构建通过 Database.com 提供技术支持的 PhoneGap 应用程序

    要求 其他必要产品 Database.com account 用户级别 全部 必需产品 PhoneGap Build 范例文件 Database.Com-PhoneGap-Sample 在这篇文章中, ...

  9. 跨平台移动开发工具:PhoneGap与Titanium全方位比拼

    PhoneGap和Appcelerator Titanium,对于封装和配置移动应用程序而言,二者都是非常受欢迎的开源JavaScript框架.本文为Appcelerator开发者Kevin Whin ...

随机推荐

  1. 基础语言知识C++

    强制转换: (Cplusplus基础与提高(何桂林)21页) static_cast:有隐式转换的 格式: static_cast<目标类型> (标识符) int a = 10; int ...

  2. iOS开源项目周报0209

    由OpenDigg 出品的iOS开源项目周报第七期来啦.我们的iOS开源周报集合了OpenDigg一周来新收录的优质的iOS开源项目,方便iOS开发人员便捷的找到自己需要的项目工具等.Hedwig 向 ...

  3. 八： 操作提示（wxml 即将废弃）

    首先需要注意的是 wxml的这些属性将要被废弃,不过可以看两眼.不愿意看的可以看下一章节同样是操作回馈只不过是js版的哦.   一.action-sheet 操作菜单 从屏幕底下出来菜单. 这里不用w ...

  4. mac terminal中快捷移动光标 持续更新。。。

    1.option + ←/→ 以单词为单位快速移动 2.ctrl + A 移动到行首 3.ctrl + B 移动到行尾 4.ctrl + K 删除光标后至行尾的内容

  5. 前端(八)：react入门

    React 特点:声明式设计.虚拟DOM.JSX.组件.数据驱动. 一.环境搭建 1.安装npm.cnpm # 安装node.js 从而安装npm,它会在当前用户家目录下生成node_moudules ...

  6. 理解B+树算法和Innodb索引

    一.innodb存储引擎索引概述: innodb存储引擎支持两种常见的索引:B+树索引和哈希索引. innodb支持哈希索引是自适应的,innodb会根据表的使用情况自动生成哈希索引. B+树索引就是 ...

  7. OpenStack IceHouse 部署 - 1 - 架构说明

    参考架构 Architecture from OpenStack Install Guide Reference Architecture Network Isolation 在本次部署中,我们采用了 ...

  8. BZOJ4589: Hard Nim(FWT 快速幂)

    题意 题目链接 Sol 神仙题Orzzzz 题目可以转化为从\(\leqslant M\)的质数中选出\(N\)个\(xor\)和为\(0\)的方案数 这样就好做多了 设\(f(x) = [x \te ...

  9. 洛谷P2792 [JSOI2008]小店购物(最小树形图)

    题意 题目链接 Sol 一开始的思路:新建一个虚点向每个点连边,再加上题面中给出的边,边权均为大小*需要购买的数量 然后发现死活都过不去 看了题解才发现题目中有个细节--买了\(A\)就可以买\(B\ ...

  10. JavaWeb学习总结（五）：HttpServletRespone对象（一）

    Web服务器收到客户端的http请求,会针对每一次请求,分别创建一个用于代表请求的request对象.和代表响应的response对象.request和response对象即然代表请求和响应,那我们要 ...