在網頁中獲取控制臺輸入可以通過 prompt() 方法,該方法會彈出對話框并等待用戶輸入內容,然后返回輸入的字符串。作為替代方案,可以使用 html 表單和事件處理程序來動態獲取用戶輸入。
JS 如何獲取控制臺輸入
在網頁中獲取控制臺輸入可以使用 prompt() 方法:
let input = prompt("請輸入內容");
登錄后復制
該方法會暫停執行腳本并顯示一個帶有提示消息的對話框,用戶可以在其中輸入內容。當用戶單擊 “確定” 按鈕時,輸入的內容會作為字符串返回并存儲在 input 變量中。
示例:
// 提示用戶輸入姓名 let name = prompt("請輸入您的姓名:"); // 輸出獲取的姓名 console.log("您的姓名是:" + name);
登錄后復制
注意事項:
prompt() 方法是一個阻塞調用,這意味著它會暫停腳本執行,直到用戶做出響應。
如果用戶單擊 “取消” 按鈕或關閉對話框而不輸入內容,prompt() 方法將返回 null 值。
prompt() 方法可以接受可選的第二個參數作為默認值,例如:
let age = prompt("請輸入您的年齡:", "20");
登錄后復制
替代方法:
對于需要動態獲取用戶輸入的情況,可以使用 HTML 表單和事件處理程序。例如:
登錄后復制
<script>
// 獲取輸入元素
let input = document.getElementById("input-text");
// 添加提交事件處理程序
form.addEventListener("submit", (event) => {
event.preventDefault();
let inputValue = input.value;
// 在這里處理獲取的輸入值
});
</script>