使用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制作缩略图的详细过程
Jul 08 HTML / CSS
html5的localstorage详解
May 09 HTML / CSS
HTML5中语义化 b 和 i 标签
Oct 17 HTML / CSS
html5声频audio和视频video等新特性详细说明
Dec 26 HTML / CSS
2014年圣诞节倒计时网页的制作过程
Dec 05 HTML / CSS
利用HTML5 Canvas制作键盘及鼠标动画的实例分享
Mar 15 HTML / CSS
如何用canvas实现在线签名的示例代码
Jul 10 HTML / CSS
微信小程序之html5 canvas绘图并保存到系统相册
Jun 20 HTML / CSS
html5 canvas实现给图片添加平铺水印
Aug 20 HTML / CSS
HTML5 背景的显示区域实现
Jul 09 HTML / CSS
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
Nov 10 HTML / CSS
sass 常用备忘案例详解
Sep 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
一个用mysql_odbc和php写的serach数据库程序
2006/10/09 PHP
PHP中Date()时间日期函数的使用方法小结
2011/04/20 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
PHP json_encode中文乱码问题的解决办法
2013/09/09 PHP
PHP中遇到的时区问题解决方法
2015/07/23 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
PHP实现多关键字加亮功能
2016/10/21 PHP
PHP版单点登陆实现方案的实例
2016/11/17 PHP
PHPCMS手机站伪静态设置详细教程
2017/02/06 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
简单实现php上传文件功能
2017/09/21 PHP
JScript中使用ADODB.Stream判断文件编码的代码
2008/06/09 Javascript
JavaScript 判断日期格式是否正确的实现代码
2011/07/04 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
2015/02/28 Javascript
JavaScript获取网页支持表单字符集的方法
2015/04/02 Javascript
基于jquery实现人物头像跟随鼠标转动
2015/08/23 Javascript
Bootstrap表格使用方法详解
2017/02/17 Javascript
基于 Vue 的树形选择组件的示例代码
2017/08/18 Javascript
vue-resource 拦截器interceptors使用详解
2021/01/18 Vue.js
Python循环语句之break与continue的用法
2015/10/14 Python
详谈Pandas中iloc和loc以及ix的区别
2018/06/08 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
使用python检查yaml配置文件是否符合要求
2020/04/09 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
爱尔兰电子产品购物网站:Komplett.ie
2018/04/04 全球购物
销售人员个人求职信
2013/09/26 职场文书
加油口号大全
2014/06/13 职场文书
奥林匹克的口号
2014/06/13 职场文书
群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
小学生作文批改评语
2014/12/25 职场文书
物业接待员岗位职责
2015/04/15 职场文书
全国助残日活动总结
2015/05/11 职场文书
2015年女职工工作总结
2015/05/15 职场文书
三好学生竞选稿
2015/11/21 职场文书
高三生物教学反思
2016/02/22 职场文书
先进党支部事迹材料2016
2016/02/26 职场文书