使用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 简单又实用的5个属性
Mar 04 HTML / CSS
利用CSS3的transform做的动态时钟效果
Sep 21 HTML / CSS
CSS3的文字阴影—text-shadow的使用方法
Dec 25 HTML / CSS
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
Feb 27 HTML / CSS
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
Aug 25 HTML / CSS
css3实现背景动态渐变效果
Dec 10 HTML / CSS
CSS实现聊天气泡效果
Apr 26 HTML / CSS
HTML5的video标签的浏览器兼容性增强方案分享
May 19 HTML / CSS
HTML5边玩边学(3)像素和颜色
Sep 21 HTML / CSS
html5指南-3.如何实现html元素拖拽功能
Jan 07 HTML / CSS
HTML5触摸事件演化tap事件介绍
Mar 25 HTML / CSS
HTML中的表单Form实现居中效果
May 25 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 面向对象详解
2012/09/13 PHP
探讨捕获php错误信息方法的详解
2013/06/09 PHP
php判断ip黑名单程序代码实例
2014/02/24 PHP
destoon出现验证码不显示时的紧急处理方法
2014/08/22 PHP
PHP设置进度条的方法
2015/07/08 PHP
javascript arguments 传递给函数的隐含参数
2009/08/21 Javascript
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
JS随机漂浮广告代码具体实例
2013/11/19 Javascript
jquery操作checkbox实现全选和取消全选
2014/05/02 Javascript
jquery 按键盘上的enter事件
2014/05/11 Javascript
使用VS开发 Node.js指南
2015/01/06 Javascript
nodejs简单实现中英文翻译
2015/05/04 NodeJs
JS+CSS实现闪烁字体效果代码
2016/04/05 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
2016/12/02 Javascript
JavaScript正则获取地址栏中参数的方法
2017/03/02 Javascript
webpack学习--webpack经典7分钟入门教程
2017/06/28 Javascript
vue实现点击当前标签高亮效果【推荐】
2018/06/22 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
2018/12/10 Javascript
vue缓存的keepalive页面刷新数据的方法
2019/04/23 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
2019/11/01 Javascript
python使用xmlrpc实例讲解
2013/12/17 Python
深入理解Python中range和xrange的区别
2017/11/26 Python
获取django框架orm query执行的sql语句实现方法分析
2019/06/20 Python
调用HTML5的Canvas API绘制图形的快速入门指南
2016/06/17 HTML / CSS
工程业务员工作职责
2013/12/07 职场文书
2014年会演讲稿范文
2014/01/06 职场文书
新员工入职感言
2014/02/01 职场文书
就业表自我评价分享
2014/02/06 职场文书
实用的简历自我评价
2014/03/06 职场文书
生产操作工岗位职责
2014/09/16 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
单位提档介绍信
2015/10/22 职场文书
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL
Nginx禁止ip访问或非法域名访问
2022/04/07 Servers
Hive导入csv文件示例
2022/06/25 数据库
教你win10系统中APPCRASH事件问题解决方法
2022/07/15 数码科技