如何使用 window.prompt()

本文將介紹如何使用瀏覽器提供的 prompt() API，讓使用者做出選擇。

prompt() 函式可讓我們從使用者獲取輸入。

這個 API 已經存在於網頁的早期，並且獲得各大瀏覽器的支援。

它非常簡單易用，特別適用於快速原型開發，你可以直接調用 prompt() 函式來獲取使用者輸入，而不需要建立表單。

下面是使用方法：調用 prompt() 函式，並傳入一個字符串作為問題的描述：

1	prompt("你的年齡是多少？")

在 Chrome 瀏覽器中的效果如下：

在 Safari 瀏覽器中的效果如下：

在 Firefox 瀏覽器中的效果如下：

可以看到，每個瀏覽器的外觀有所不同，但運作原理是相同的。

需要呼叫 window.prompt() 函式，但由於 window 是隱含的，因此也可以直接呼叫 prompt()

瀏覽器會阻塞腳本的執行，直到使用者輸入內容並按下確定或取消按鈕。除非點擊按鈕，否則無法退出該操作。

輸入的值將從該函式返回，因此我們可以將其賦值給一個變數：

1	const age = prompt("你的年齡是多少？")

你還可以傳入第二個參數作為預設值：

1	const age = prompt("你的年齡是多少？", 18)

如果使用者未輸入任何內容並點擊確定，將返回一個空字符串。

如果使用者點擊取消按鈕，prompt() 函式將返回 null。

tags: [“JavaScript”, “Web Development”, “User Input”]