phonegap-notification

最新推荐文章于 2025-08-22 13:39:56 发布

原创最新推荐文章于 2025-08-22 13:39:56 发布 · 142 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

html54mobile 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个PhoneGap通知插件的示例代码，并通过一个简单的弹窗对话框展示了其基本使用方法。该示例包括了必要的HTML结构、引用的Cordova脚本以及JavaScript代码，用于触发一个带有自定义消息、标题和按钮的警告对话框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

phonegap notification 的sample有点坑爹哇，与想象的有点差距其实就是个弹出对话框。
如图：

[img]http://dl.iteye.com/upload/attachment/0075/9897/7012cbac-aac9-31ed-b34e-530228f391f2.png[/img]

index.html


<!DOCTYPE html>
<html>
  <head>
    <title>Notification Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for Cordova to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // Cordova is ready
    //
    function onDeviceReady() {
        // Empty
    }

    // alert dialog dismissed
    function alertDismissed() {
        // do something
    }

    // Show a custom alertDismissed
    //
    function showAlert() {
        navigator.notification.alert(
            'You are the winner!',  // message
            alertDismissed,         // callback
            'Game Over',            // title
            'Done'                  // buttonName
        );
    }

    </script>
  </head>
  <body>
    <p><a href="#" onclick="showAlert(); return false;">Show Alert</a></p>
  </body>
</html>