JavaScript提供三種類型的彈出框,Alert, Prompt, 和 Confirm。
Alert 警告框
當(dāng)彈出警報(bào)框時(shí),用戶必須單擊“確定”繼續(xù)。
警報(bào)功能采用單個(gè)參數(shù),即彈出框中顯示的文本。
例如:
alert("你好,這是一個(gè)警告框,你必須點(diǎn)確定?");
要在警告框中顯示換行可以使用 \n :
alert("Hello\nHow are you?");
提示: 使用 alert 彈出框,將阻塞整個(gè)頁(yè)面的運(yùn)行,點(diǎn)擊確定后才繼續(xù)運(yùn)行.
Prompt 框
通常使用提示框來(lái)讓用戶輸入一個(gè)值。
當(dāng)彈出提示框時(shí),輸入輸入值后,用戶將不得不單擊“確定”或“取消”繼續(xù)。
如果用戶單擊確定,該框?qū)⒎祷剌斎胫?。如果用戶單擊取消,該框?qū)⒎祷豱ull。
prompt() 方法有兩個(gè)參數(shù)
- 第一個(gè)是要在文本框中顯示的標(biāo)簽。
- 第二個(gè)是在文本框中顯示的默認(rèn)字符串(可選)。
例子:
var user = prompt("請(qǐng)輸入你的名字:"); alert(user);
var name =("你的名字是:");alert();
Confirm 框
經(jīng)常使用 confirm 讓用戶驗(yàn)證或接受某些內(nèi)容。
當(dāng)彈出確認(rèn)框時(shí),用戶必須單擊“確定”或“取消”繼續(xù)。
如果用戶單擊確定,該框?qū)⒎祷?nbsp;true。如果用戶單擊取消,該框?qū)⒎祷?nbsp;false。
例子:
var result = confirm("你確定要離開(kāi)這個(gè)頁(yè)面?"); if (result == true) { alert("感謝你的光臨!"); } else { alert("感謝你繼續(xù)使用我們的服務(wù)!"); }
當(dāng)選擇確定時(shí):
當(dāng)選擇取消時(shí):