警告框

该接口用于警告框的 native 实现。

alert 接口的使用方法

AlipayJSBridge.call('alert', {
  title: '亲',
  message: '你好',
  button: '确定'
}, function(e) {
  alert(JSON.stringify(e));
});

代码示例

alert 和 confirm:

<h1>点击以下按钮看不同效果</h1>
<a href="javascript:void(0)" class="btn alert">点击 Alert</a>
<a href="javascript:void(0)" class="btn confirm">点击 Confirm</a>
<script>
function ready(callback) {
// 如果 jsbridge 已经注入则直接调用
if (window.AlipayJSBridge) {
  callback && callback();
} else {
  // 如果没有注入则监听注入的事件
  document.addEventListener('AlipayJSBridgeReady', callback, false);
}
}
ready(function() {
document.querySelector('.alert').addEventListener('click', function() {
  AlipayJSBridge.call('alert', {
    title: '亲',
    message: '你好',
    button: '确定'
  }, function(e) {
    alert(JSON.stringify(e));
  });
});
document.querySelector('.confirm').addEventListener('click', function() {
  AlipayJSBridge.call('confirm', {
    title: '亲',
    message: '确定要退出吗?',
    okButton: '是',
    cancelButton: '否'
  }, function(e) {
    alert(JSON.stringify(e));
  });
});
});
</script>

API 说明

注意

window.alert 不同的是,alert 不是阻塞式的,即如果先后弹了 2 个警告框,最后看到的是后弹的那个。

AlipayJSBridge.call('alert',{
  title, message, button
}, fn)

入参

属性

类型

描述

必填

默认值

title

string

Alert 框标题。

N

“”

message

string

Alert 框文本。

N

“”

align

string

message 对齐方式,枚举值包括 left、center、right。

N

iOS:“center”

Android:“left”

button

string

按钮文字。

N

“确定”

fn

function

回调函数,当点击 button 后被调用。

N

-

阿里云首页 移动开发平台 mPaaS 相关技术圈