首頁 >web前端 >js教程 >js中prompt()的用法

js中prompt()的用法

下次还敢
下次还敢原創
2024-05-01 06:21:141068瀏覽

prompt() 方法用於開啟彈出視窗提示使用者輸入文本,傳回使用者輸入(或 null)。使用方法:1.傳遞提示文字參數。 2.提供可選的預設值參數。使用者點擊取消或關閉視窗將返回 null。預設輸入類型為文本,可透過第二個參數指定 "number" 建立數字輸入欄位。

js中prompt()的用法

prompt() 方法簡介

prompt() 方法用於在網頁中開啟一個彈出窗口,提示使用者輸入文字。此方法傳回使用者輸入的文本,或 null 如果使用者按一下「取消」按鈕或關閉視窗。

用法

要使用prompt() 方法,請傳遞兩個參數:

  • 第一個參數:要顯示給用戶的提示文字。
  • 第二個參數(可選):為輸入欄位提供預設值。
<code class="js">let userInput = prompt("请输入您的姓名:", "Jane Doe");</code>

範例

下面的範例展示如何使用prompt() 方法來收集使用者輸入:

<code class="html"><script>
  function getInput() {
    let name = prompt("请输入您的姓名:");
    alert("您输入的姓名是:" + name);
  }
</script>
<button onclick="getInput()">获取用户输入</button></code>

當使用者點擊按鈕時,將打開一個彈出窗口,提示使用者輸入他們的姓名。使用者按一下「確定」後,輸入的文字將儲存在 name 變數中,然後使用 alert() 方法將其顯示在瀏覽器中。

提示

  • 如果使用者按一下「取消」按鈕或關閉窗口,則該方法將傳回 null。
  • 預設情況下,輸入類型為文字。可以透過在第二個參數中指定 "number" 來建立數字輸入欄位。
  • prompt() 方法是同步的,這表示它會阻塞執行,直到使用者關閉視窗。

以上是js中prompt()的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn