使用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 media queries + jQuery实现响应式导航
Sep 30 HTML / CSS
分享CSS3中必须要知道的10个顶级命令
Apr 26 HTML / CSS
html Table 表头固定的实现
Jan 22 HTML / CSS
HTML5 Canvas概述
Aug 26 HTML / CSS
html5指南-1.html5全局属性(html5 global attributes)深入理解
Jan 07 HTML / CSS
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
Jan 09 HTML / CSS
Canvas高级路径操作之拖拽对象的实现
Aug 05 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
Dec 02 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
Aug 19 HTML / CSS
HTML中的表单Form实现居中效果
May 25 HTML / CSS
浅析CSS在DevTools 中架构演变
Oct 05 HTML / CSS
分享几个实用的CSS代码块
Jun 10 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高自定义性安全验证码代码
2011/11/27 PHP
destoon设置自定义搜索的方法
2014/06/21 PHP
js代码实现微博导航栏
2015/07/30 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
2019/07/26 PHP
MooTools 页面滚动浮动层智能定位实现代码
2011/08/23 Javascript
解决jquery的datepicker的本地化以及Today问题
2012/05/23 Javascript
JS交换变量的方法
2015/01/21 Javascript
基于jQuery实现网页进度显示插件
2015/03/04 Javascript
js实现模糊匹配功能
2017/02/15 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
关于Vue单页面骨架屏实践记录
2017/12/13 Javascript
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
Vue实现购物车详情页面的方法
2019/08/20 Javascript
使用flow来规范javascript的变量类型
2019/09/12 Javascript
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
2019/09/18 Javascript
keep-alive保持组件状态的方法
2020/12/02 Javascript
python实现在sqlite动态创建表的方法
2015/05/08 Python
在win和Linux系统中python命令行运行的不同
2016/07/03 Python
Python实现多线程抓取网页功能实例详解
2017/06/08 Python
使用python实现快速搭建简易的FTP服务器
2018/09/12 Python
python爬虫 Pyppeteer使用方法解析
2019/09/28 Python
检测tensorflow是否使用gpu进行计算的方式
2020/02/03 Python
使用python实现多维数据降维操作
2020/02/24 Python
Pygame框架实现飞机大战
2020/08/07 Python
利用Python pandas对Excel进行合并的方法示例
2020/11/04 Python
Python导入父文件夹中模块并读取当前文件夹内的资源
2020/11/19 Python
CSS3 rgb and rgba(透明色)的使用详解
2020/09/25 HTML / CSS
使用HTML5在网页中嵌入音频和视频播放的基本方法
2016/02/22 HTML / CSS
美国电力供应商店/电气批发商:USESI
2018/10/12 全球购物
幼儿教师自我鉴定
2013/11/02 职场文书
作文评语集锦大全
2014/04/23 职场文书
人事任命书格式
2014/06/05 职场文书
《灰雀》教学反思
2016/02/19 职场文书
如何写好竞聘报告
2019/04/03 职场文书
2019年手机市场的调研报告2篇
2019/10/10 职场文书
vue实现锚点定位功能
2021/06/29 Vue.js