JavaScript 彈出框

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

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

警告框

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

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

語法：

window.alert("msg")

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

alert("Hello world!");

確認框

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

確認框看起來類似于警報框，但其中包含“取消”按鈕和“確定”按鈕。

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

語法：

window.confirm("msg")

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

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

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

提示框

如果希望用戶在進入頁面之前輸入值，通常會使用提示框。

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

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

語法：

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

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

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

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

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

在對話框中顯示換行符

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

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

更多示例

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