使用phonegap进行提示操作的具体方法


Posted in HTML / CSS onMarch 30, 2017

常有下面四种方式:

<!DOCTYPE html> 
<html> 
  
    <head> 
        <meta charset="UTF-8"> 
        <title>Notifications</title> 
  
        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
          document.addEventListener("deviceready", onDeviceReady, false); 
            function onDeviceReady() { 
                checkConnection(); 
            } 
              
            //显示自定义的警告 
            function showAlert(){ 
                navigator.notification.alert('Game Over!',alertCallback,'Game Over!','Done'); 
            } 
            //警告的回调 
            function alertCallback(){ 
                  
            } 
              
            //显示一个自定义的确认对话框 
            function showConfirm(){ 
                navigator.notification.confirm('Game Over!',onConfirm,'Game Over!','Restart,Exit'); 
            } 
            //确认对话框的回调 
            function onConfirm(button){ 
                alert('You selected button '+button); 
            } 
              
            //鸣叫两次 
            function playBeep(){ 
                navigator.notification.beep(2); 
            } 
              
            //振动 
            function vibrate(){ 
                navigator.notification.vibrate(4000); 
            } 
              
        </script> 
    </head> 
  
    <body onload="onLoad()"> 
        <p><a href="#" onclick="showAlert(); return false;">Show Alert</a></p> 
        <p><a href="#" onclick="showConfirm(); return false;">Show Confirmation</a></p> 
        <p><a href="#" onclick="playBeep() return false;">Play Beep</a></p> 
        <p><a href="#" onclick="vibrate() return false;">Vibrate</a></p> 
    </body> 
  
</html>

以上这篇使用phonegap进行提示操作的具体方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

HTML / CSS 相关文章推荐
两种CSS3伪类选择器详细介绍
Dec 24 HTML / CSS
几个CSS3的flex弹性盒模型布局的简单例子演示
May 12 HTML / CSS
CSS3毛玻璃效果(blur)有白边问题的解决方法
Nov 15 HTML / CSS
CSS3 box-shadow属性实例详解
Jun 19 HTML / CSS
HTML5 与 XHTML2
Oct 17 HTML / CSS
html标签之Object和EMBED标签详解
Jul 04 HTML / CSS
HTML5 Canvas之测试浏览器是否支持Canvas的方法
Jan 01 HTML / CSS
HTML5中图片之间的缝隙完美解决方法
Jul 07 HTML / CSS
H5调用相机拍照并压缩图片的实例代码
Jul 20 HTML / CSS
浅谈Html5多线程开发之WebWorkers
May 02 HTML / CSS
CSS预处理框架——Stylus
Apr 21 HTML / CSS
CSS实现章节添加自增序号的方法
Jun 23 HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
Mar 15 #HTML / CSS
HTML5无刷新改变当前url的代码
Mar 15 #HTML / CSS
HTML5各种头部meta标签的功能(推荐)
Mar 13 #HTML / CSS
处理HTML5新标签的浏览器兼容版问题
Mar 13 #HTML / CSS
HTML5 LocalStorage 本地存储刷新值还在
Mar 10 #HTML / CSS
HTML5微信播放全屏问题的解决方法
Mar 09 #HTML / CSS
通过HTML5规范搞定i、em、b、strong元素的区别
Mar 04 #HTML / CSS
You might like
浅谈使用PHP开发微信支付的流程
2015/10/04 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
JS是否可以跨文件同时控制多个iframe页面的应用技巧
2007/12/16 Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
javascript中最常用的继承模式 组合继承
2010/08/12 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
JS实现往下不断流动网页背景的方法
2015/02/27 Javascript
jquery插件validation实现验证身份证号等
2015/06/04 Javascript
微信和qq时间格式模板实例详解
2016/10/21 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
2017/06/13 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
基于Datatables跳转到指定页的简单实例
2017/11/09 Javascript
判断滚动条滑到底部触发事件(实例讲解)
2017/11/15 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
2017/12/01 Javascript
使用Javascript简单计算器
2018/11/17 Javascript
layui实现下拉框三级联动
2019/07/26 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
2019/07/29 Javascript
angular异步验证防抖踩坑实录
2019/12/01 Javascript
微信小程序国际化探索实现(附源码地址)
2020/05/20 Javascript
Angular利用HTTP POST下载流文件的步骤记录
2020/07/26 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
Python使用htpasswd实现基本认证授权的例子
2014/06/10 Python
python实现无证书加密解密实例
2014/10/27 Python
python实现中文分词FMM算法实例
2015/07/10 Python
Python生成随机验证码的两种方法
2015/12/22 Python
Python SqlAlchemy动态添加数据表字段实例解析
2018/02/07 Python
对Python生成汉字字库文字,以及转换为文字图片的实例详解
2019/01/29 Python
python3 tkinter实现点击一个按钮跳出另一个窗口的方法
2019/06/13 Python
Python 调用 Outlook 发送邮件过程解析
2019/08/08 Python
python实现猜数游戏(保存游戏记录)
2020/06/22 Python
html5通过postMessage进行跨域通信的方法
2017/12/04 HTML / CSS
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
大学应届生求职简历的自我评价
2013/10/08 职场文书
公司培训欢迎词
2014/01/10 职场文书
中学生综合素质自我评价
2015/03/06 职场文书