当前位置:首页 / 网页制作 / html5教程 / phonegap实现提示操作方法
phonegap实现提示操作方法
芯晴素材特效 分类:html5教程 发布日期:2018-05-11

这次给大家带来phonegap实现提示操作详解,phonegap实现提示操作的注意事项有哪些,下面就是实战案例,一起来看一下。

常有下面四种方式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!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>

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

跟随鼠标的JS时钟

2012-12-31   浏览:8182

css3高版本浏览器下垂直文字放大镜效

2017-03-09   浏览:165

jq hover鼠标滑过动画导航条

2017-03-17   浏览:479

jQuery图片新闻组图幻灯切换网页下载

2017-03-13   浏览:368

jQ带日期区间日期选择插件

2017-03-14   浏览:392

html5仿手机QQ拆红包游戏网页下载

2017-03-13   浏览:491

网易时尚图片循环特效

2017-03-09   浏览:193

内容倾斜幻灯片Tilted Items

2017-02-27   浏览:460

CSS3鼠标滑过渐变颜色旋转图标特效

2017-03-09   浏览:309

跟随鼠标的幻影文字效果

2013-01-08   浏览:9057

强制打开QQ聊天窗口的代码

2013-01-03   浏览:8432

回到顶端插件ScrollUp

2017-03-18   浏览:374