我們?cè)谧鼍W(wǎng)頁(yè)交互的時(shí)候往往需要用戶在操作之前彈出一個(gè)提示消息框來(lái)讓用戶做一些點(diǎn)擊才能繼續(xù)或者放棄堰燎,這里有三種模式消息框,它們分別是alert(),confirm()和prompt()淆储。下面我用最簡(jiǎn)單的方式和例子來(lái)做一下介紹:
1冠场、alert()--警告消息框
alert 方法有一個(gè)參數(shù),即希望對(duì)用戶顯示的文本字符串本砰。該字符串不是 HTML 格式碴裙。該消息框提供了一個(gè)“確定”按鈕讓用戶關(guān)閉該消息框,并且該消息框是模式對(duì)話框点额,也就是說(shuō)舔株,用戶必須先關(guān)閉該消息框然后才能繼續(xù)進(jìn)行操作。
例如:window.alert("歡迎还棱!請(qǐng)按“確定”繼續(xù)载慈。"),將會(huì)出現(xiàn)下面的情況
2珍手、confirm()--確認(rèn)消息框
使用確認(rèn)消息框可向用戶問(wèn)一個(gè)“是-或-否”問(wèn)題办铡,并且用戶可以選擇單擊“確定”按鈕或者單擊“取消”按鈕辞做。confirm 方法的返回值為 true 或 false。該消息框也是模式對(duì)話框:用戶必須在響應(yīng)該對(duì)話框(單擊一個(gè)按鈕)將其關(guān)閉后寡具,才能進(jìn)行下一步操作秤茅。
例如: var truthBeTold = window.confirm("單擊“確定”繼續(xù)。單擊“取消”停止童叠。")框喳,情況如下
if (truthBeTold) {
window.alert("歡迎訪問(wèn)我們的 Web 頁(yè)!");
} else
window.alert("再見(jiàn)啦拯钻!");
當(dāng)你點(diǎn)擊確定的時(shí)候:
當(dāng)你點(diǎn)擊取消的時(shí)候:
3帖努、prompt()--提示消息框
提示消息框提供了一個(gè)文本字段,用戶可以在此字段輸入一個(gè)答案來(lái)響應(yīng)您的提示粪般。該消息框有一個(gè)“確定”按鈕和一個(gè)“取消”按鈕。如果您提供了一個(gè)輔助字符串參數(shù)污桦,則提示消息框?qū)⒃谖谋咀侄物@示該輔助字符串作為默認(rèn)響應(yīng)亩歹。否則,默認(rèn)文本為 "<undefined>"凡橱。 與alert( ) 和 confirm( ) 方法類似小作,prompt 方法也將顯示一個(gè)模式消息框。用戶在繼續(xù)操作之前必須先關(guān)閉該消息框 稼钩。
例如:var theResponse = window.prompt("歡迎顾稀?","請(qǐng)?jiān)诖溯斎肽男彰?);情況如下