全部产品

警告框

更新时间:2020-08-07 20:02:27

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

alert 接口的使用方法

  1. AlipayJSBridge.call('alert', {
  2. title: '亲',
  3. message: '你好',
  4. button: '确定'
  5. }, function(e) {
  6. alert(JSON.stringify(e));
  7. });

代码示例

  • alertconfirm
    1. <h1>点击以下按钮看不同效果</h1>
    2. <a href="javascript:void(0)" class="btn alert">点击 Alert</a>
    3. <a href="javascript:void(0)" class="btn confirm">点击 Confirm</a>
    4. <script>
    5. function ready(callback) {
    6. // 如果 jsbridge 已经注入则直接调用
    7. if (window.AlipayJSBridge) {
    8. callback && callback();
    9. } else {
    10. // 如果没有注入则监听注入的事件
    11. document.addEventListener('AlipayJSBridgeReady', callback, false);
    12. }
    13. }
    14. ready(function() {
    15. document.querySelector('.alert').addEventListener('click', function() {
    16. AlipayJSBridge.call('alert', {
    17. title: '亲',
    18. message: '你好',
    19. button: '确定'
    20. }, function(e) {
    21. alert(JSON.stringify(e));
    22. });
    23. });
    24. document.querySelector('.confirm').addEventListener('click', function() {
    25. AlipayJSBridge.call('confirm', {
    26. title: '亲',
    27. message: '确定要退出吗?',
    28. okButton: '是',
    29. cancelButton: '否'
    30. }, function(e) {
    31. alert(JSON.stringify(e));
    32. });
    33. });
    34. });
    35. </script>

API

  1. AlipayJSBridge.call('alert',{
  2. title, message, button
  3. }, 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 -

注意事项

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