JavaScript中常用的函數之一是prompt函數。該函數可用于向用戶顯示一個文本輸入框,讓用戶輸入一段文本。這些文本可用于以后再次使用或作為確認或取消操作的部分。
例如,假設一個網站提示用戶輸入他們喜歡的食物菜單。他們可以鍵入不同的食物的名稱,例如:漢堡、薯條、比薩和沙拉。該網站可以使用此信息進行許多不同的操作,例如提供與輸入的關聯性,或者顯示有關他們的偏好的更多信息。
因此,prompt函數將始終是JavaScript庫中的重要元素,就如同alert和confirm函數一樣。
創建prompt函數
要創建prompt函數,請在JavaScript代碼中使用以下JSON對象:
{message:"Enter your name", defaultAnswer:"John Smith"};在這種情況下,“Enter your name”是提示消息,而“John Smith”是用戶未輸入任何內容時的文本。 這是一個快速的演示代碼:
const userResponse = prompt("Enter your name", "John Smith"); console.log(userResponse); // userResponse 集合用戶的輸入內容當代碼運行時,會出現一個彈出框:
Enter your name
(文本框)
const yourName = "User4"; const promptMessage = "Hi, " + yourName + ". Your input is required."; const userResponse = prompt(promptMessage);在此代碼中,我們使用變量yourName作為字符串拼接的一部分。這樣我們可以根據提示消息的需要動態更改顯示的文本。 如果在上面的代碼段中直接將字符串"User4"傳遞給prompt()就不能動態更改! 這是因為字符串通常不可變并始終是硬編碼的。 默認值和限制用戶輸入長度 prompt函數的另一個常見用例是我們希望固定用戶輸入的長度,并在默認情況下具有某些文本。我們可以使用以下代碼:
const maxLength = 10; // 最大輸入長度 const defaultText = "This text will vanish after " + maxLength + " characters."; const userResponse = prompt(defaultText, "", function(inputString) { return inputString.length <= maxLength ? inputString : false; });在此代碼中,我們使用了匿名函數作為prompt函數的第三個參數。這個函數用來限制用戶輸入的長度。 我們還使用了maxLength變量,它對用戶輸入的長度進行了限制。 這是一個簡單的方法,使用戶可以輸入的文本只有一個特定的長度,并且我們可以檢查文本的長度以確保其符合要求。