使用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
css图标制作教程制作云图标
Jan 19 HTML / CSS
CSS实现限制字数功能当对象内文本溢出时显示省略标记
Aug 20 HTML / CSS
CSS实现聊天气泡效果
Apr 26 HTML / CSS
CSS3 实现图形下落动画效果
Nov 13 HTML / CSS
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
May 15 HTML / CSS
逼真的HTML5树叶飘落动画
Mar 01 HTML / CSS
html2canvas把div保存图片高清图的方法示例
Mar 05 HTML / CSS
详解Html5 监听拦截Android返回键方法
Apr 18 HTML / CSS
HTML5中的Web Notification桌面右下角通知功能的实现
Apr 19 HTML / CSS
HTML文本属性&amp;颜色控制属性的实现
Dec 17 HTML / CSS
uniapp+Html5端实现PC端适配
Jul 15 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
索尼SONY ICF-7600A(W)电路分析
2021/03/01 无线电
php中的时间显示
2007/01/18 PHP
php Undefined index和Undefined variable的解决方法
2008/03/27 PHP
IE之动态添加DOM节点触发window.resize事件
2010/07/27 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
最佳的addEvent事件绑定是怎样诞生的
2011/10/24 Javascript
nodejs中的fiber(纤程)库详解
2015/03/24 NodeJs
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
JS作用域链详解
2017/06/26 Javascript
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
2017/11/22 Javascript
在Vue-cli里应用Vuex的state和mutations方法
2018/09/16 Javascript
Node.js 进程平滑离场剖析小结
2019/01/24 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
2019/11/01 Javascript
Javascript柯里化实现原理及作用解析
2020/10/22 Javascript
在Linux下使用Python的matplotlib绘制数据图的教程
2015/06/11 Python
详解 Python 与文件对象共事的实例
2017/09/11 Python
python traceback捕获并打印异常的方法
2018/08/31 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
python实现关闭第三方窗口的方法
2019/06/28 Python
详解一种用django_cache实现分布式锁的方式
2019/09/01 Python
matplotlib 多个图像共用一个colorbar的实现示例
2020/09/10 Python
Python xmltodict模块安装及代码实例
2020/10/05 Python
Python 获取异常(Exception)信息的几种方法
2020/12/29 Python
Python编写万花尺图案实例
2021/01/03 Python
tensorflow与numpy的版本兼容性问题的解决
2021/01/08 Python
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
单身旅行者的单身假期:Just You
2018/04/08 全球购物
会计岗位职责
2013/11/08 职场文书
委托协议书范本
2014/04/22 职场文书
法定代表人授权委托书范文
2014/09/22 职场文书
2014年党小组工作总结
2014/12/20 职场文书
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis