JavaScript 彈出框

在JavaScript中，您可以創(chuàng)建對(duì)話框或彈出窗口來(lái)與用戶進(jìn)行交互。

JavaScript具有三種不同類型的彈出框：警告框，確認(rèn)框和提示框。

警告框

警告框是最簡(jiǎn)單的彈出框。它使您可以向用戶顯示一條短消息。

它還包括“確定”按鈕，用戶必須單擊此“確定”按鈕才能繼續(xù)。

語(yǔ)法：

window.alert("msg")

window.alert()方法可以沒(méi)有前綴“window.”，而直接使用：

alert("Hello world!");

確認(rèn)框

如果希望用戶驗(yàn)證或接受某些內(nèi)容，通常會(huì)使用確認(rèn)框。

確認(rèn)框看起來(lái)類似于警報(bào)框，但其中包含“取消”按鈕和“確定”按鈕。

如果用戶單擊“確定”，則該框返回true。如果用戶單擊“取消”，則該框返回false。

語(yǔ)法：

window.confirm("msg")

window.confirm()方法可以沒(méi)有前綴“window.”，而直接使用：

var r = confirm("按下一個(gè)按鈕!");

if (r == true) {
   txt = "您按了確定!";
} else {
   txt = "您按了取消!";
}

提示框

如果希望用戶在進(jìn)入頁(yè)面之前輸入值，通常會(huì)使用提示框。

提示框包括文本輸入字段，“確定”和“取消”按鈕。

如果用戶單擊“確定”，則該框?qū)⒎祷剌斎胫?。如果用戶單擊“取消”，則該框?qū)⒎祷豱ull。

語(yǔ)法：

window.prompt("msg", "defaultText")

window.prompt()方法可以沒(méi)有前綴“window.”，而直接使用：

var name = prompt("請(qǐng)輸入你的名字", "Someone");
if (name != null) {
   document.getElementById("output").innerHTML = "Hello " + name;
}

注意：prompt()方法返回的值始終是字符串。這意味著，如果用戶在輸入字段中輸入15，則返回字符串“ 15”而不是數(shù)字15。

因此，如果要將返回值用作數(shù)字，則必須對(duì)其進(jìn)行轉(zhuǎn)換，請(qǐng)參見(jiàn)如何在JavaScript中轉(zhuǎn)換數(shù)據(jù)類型。

在對(duì)話框中顯示換行符

要在對(duì)話框中顯示換行符，請(qǐng)使用換行符或換行符（\n）; 反斜杠后跟字符n。

alert("Hello\nHow are you?");

更多示例

此示例演示了JavaScript支持的不同類型的對(duì)話框：