Window prompt() 方法

定義和用法

prompt() 方法顯示對話框,提示用戶輸入。

如果用戶單擊“確定”,則 prompt() 方法返回輸入值,否則返回 null

注意

如果您希望用戶輸入值,則使用提示框。

當彈出提示框時,用戶必須單擊“確定”或“取消”才能繼續。

請勿過度使用這種方法。它會阻止用戶在關閉框之前訪問頁面的其他部分。

另請參閱:

alert() 方法

confirm() 方法

實例

例子 1

提示輸入用戶名并輸出消息:

let person = prompt("請輸入您的名字", "Harry Potter");
if (person != null) {
  document.getElementById("demo").innerHTML =
  "Hello " + person + "! How are you today?";
}

親自試一試

例子 2

提示他最喜歡的飲料:

let text;
let favDrink = prompt("你最喜歡的飲料是什么?");
switch(favDrink) {
  case "Coca-Cola":
    text = "很棒的選擇!可口可樂對你的靈魂有益。";
    break;
  case "Pepsi":
    text = "百事可樂也是我的最愛!";
    break;
  case "Sprite":
    text = "真的嗎?你確定雪碧是你的最愛嗎?";
    break;
  default:
    text = "我從來沒有聽說過那個!";
}

親自試一試

語法

prompt(message, default)

參數

參數 描述
message 必需。要在對話框中顯示的文本。
default 可選。默認輸入文本。

返回值

類型 描述
字符串

如果用戶單擊“確定”,則返回輸入值。

如果用戶未輸入任何字符串,則返回空串。

否則返回 null。

說明

prompt() 方法將用一個對話框顯示出指定的消息 message,這個對話框中含有文本輸入字段、確定按鈕、取消按鈕,其中由平臺決定的圖形向用戶說明了需要他進行輸入。

如果用戶單擊取消按鈕,prompt() 方法將返回 null。如果用戶單擊確認按鈕,prompt() 將返回輸入字段當前顯示的文本。

prompt() 方法顯示的對話框是有模式的,也就是說,在用戶點擊確認按鈕或取消按鈕來關閉它之前,它將阻塞用戶對瀏覽器窗口的所有輸入。由于該方法返回的值由用戶的響應決定,所以在調用 prompt() 時,將暫停對 JavaScript 代碼的執行。在用戶做出響應之前,不會執行下一條語句。

瀏覽器支持

所有瀏覽器都支持 prompt()

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持