PhoneGap API介绍：Notification

最新推荐文章于 2024-09-27 13:26:47 发布

转载最新推荐文章于 2024-09-27 13:26:47 发布 · 528 阅读

本文介绍了PhoneGap中notification API的使用方法，包括alert和confirm对话框的展示方式及回调函数的应用。通过示例展示了如何在不同平台上创建定制化的警告和确认对话框。

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

方法：

显示一个定制的警告或对话框。

 navigator.notification.alert(message, alertCallback, [title], [buttonName]);

message：对话框信息。（字符串类型）
alertCallback：当警告对话框被忽略时调用的回调函数。（函数类型）
title：对话框标题。（字符串类型）（可选项，默认值为“Alert”）
buttonName：按钮名称（字符串类型）(可选项，默认值为“OK”)

说明：

大多数PhoneGap使用本地对话框实现该功能。然而，一些平台只是简单的使用浏览器的alert函数，而这种方法通常是不能定制的。

支持的平台：

Android
BlackBerry (OS 4.6)
BlackBerry WebWorks (OS 5.0或更高版本)
iPhone

简单的范例：

 // Android / BlackBerry WebWorks (OS 5.0 and higher) // iPhone 
function alertDismissed() { 
    // 进行处理 
} 
 
navigator.notification.alert( 
    'You are the winner!',  // 显示信息 
       alertDismissed,         // 警告被忽视的回调函数 
       'Game Over',            // 标题 
       'Done'                  // 按钮名称 
); 
 
// BlackBerry (OS 4.6) // webOS 
navigator.notification.alert('You are the winner!');

完整的范例：

 <!DOCTYPE html> 
<html> 
<head>     
<title>Notification Example</title> 
 
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
<script type="text/javascript" charset="utf-8"> 
 
    // 等待加载PhoneGap 
    document.addEventListener("deviceready", onDeviceReady, false); 
     
    // PhoneGap加载完毕 
    function onDeviceReady() { 
        // 空 
    } 
     
    // 警告对话框被忽视 
    function alertDismissed() { 
        // 进行处理 
    } 
     
    // 显示一个定制的警告框 
    function showAlert() { 
        navigator.notification.alert( 
            'You are the winner!',  // 显示信息 
            alertDismissed,         // 警告被忽视的回调函数 
            'Game Over',            // 标题 
            'Done'                  // 按钮名称 
        ); 
    } 
 
</script> 
</head> 
<body> 
    <p><a href="#" onclick="showConfirm(); return false;">Show Confirm</a></p> 
</body> 
</html>

notification.confirm

显示一个可定制的确认对话框。

 navigator.notification.confirm(message, confirmCallback, [title], [buttonLabels]);

message：对话框信息。（字符串类型）
confirmCallback：按下按钮后触发的回调函数，返回按下按钮的索引（1、2或3）。（函数类型）
title：对话框标题。（字符串类型）（可选项，默认值为“Confirm”）
buttonLabels：逗号分隔的按钮标签字符串。(字符串类型)（可选项，默认值为“OK、Cancel”）

说明：

notification.confirm函数显示一个定制性比浏览器的confirm函数更好的本地对话框。

支持的平台：

Android
BlackBerry WebWorks (OS 5.0或更高版本)
iPhone

简单的范例：

 // 处理确认对话框返回的结果 
function onConfirm(button) { 
    alert('You selected button ' + button); 
} 
 
// 显示一个定制的确认对话框 
function showConfirm() { 
       navigator.notification.confirm( 
           'You are the winner!',  // 显示信息 
           onConfirm,              // 按下按钮后触发的回调函数，返回按下按钮的索引 
           'Game Over',            // 标题 
           'Restart,Exit'          // 按钮标签 
       ); 
 }

完整的范例：

 <!DOCTYPE html> 
<html> 
<head>     
<title>Notification Example</title> 
 
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
<script type="text/javascript" charset="utf-8"> 
     
    // 等待加载PhoneGap 
    document.addEventListener("deviceready", onDeviceReady, false); 
     
    // PhoneGap加载完毕 
    function onDeviceReady() { 
        // 空 
    } 
     
    // 处理确认对话框返回的结果 
    function onConfirm(button) { 
        alert('You selected button ' + button); 
    } 
     
    // 显示一个定制的确认对话框 
    function showConfirm() { 
        navigator.notification.confirm( 
            'You are the winner!',  // 显示信息 
            onConfirm,              // 按下按钮后触发的回调函数，返回按下按钮的索引     
            'Game Over',            // 标题 
            'Restart,Exit'          // 按钮标签 
        ); 
    } 
 
</script> 
</head> 
<body> 
    <p><a href="#" onclick="showConfirm(); return false;">Show Confirm</a></p> 
</body> 
</html> 
 
  

 
 
   注解：
 
 
  简单的解释下：ios6以上alert()会出现点击首次没有相应，是cordova自身的bug.最好用本地代码       实现