警告框
更新時(shí)間:
該接口用于警告框的 native 實(shí)現(xiàn)。
alert 接口的使用方法
AlipayJSBridge.call('alert', {
title: '親',
message: '你好',
button: '確定'
}, function(e) {
alert(JSON.stringify(e));
});
代碼示例
alert 和 confirm:
<h1>點(diǎn)擊以下按鈕看不同效果</h1>
<a href="javascript:void(0)" class="btn alert">點(diǎn)擊 Alert</a>
<a href="javascript:void(0)" class="btn confirm">點(diǎn)擊 Confirm</a>
<script>
function ready(callback) {
// 如果 jsbridge 已經(jīng)注入則直接調(diào)用
if (window.AlipayJSBridge) {
callback && callback();
} else {
// 如果沒(méi)有注入則監(jiān)聽(tīng)注入的事件
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 說(shuō)明
重要
與 window.alert
不同的是,alert
不是阻塞式的,即如果先后彈了 2 個(gè)警告框,最后看到的是后彈的那個(gè)。
AlipayJSBridge.call('alert',{
title, message, button
}, fn)
入?yún)?/b>
屬性 | 類(lèi)型 | 描述 | 必填 | 默認(rèn)值 |
title | string | Alert 框標(biāo)題。 | N | “” |
message | string | Alert 框文本。 | N | “” |
align | string | message 對(duì)齊方式,枚舉值包括 left、center、right。 | N | iOS:“center” Android:“l(fā)eft” |
button | string | 按鈕文字。 | N | “確定” |
fn | function | 回調(diào)函數(shù),當(dāng)點(diǎn)擊 button 后被調(diào)用。 | N | - |
文檔內(nèi)容是否對(duì)您有幫助?