如何使用 JavaScript 顯示提示對話方塊?


當你想要彈出文字框獲取使用者輸入時,提示對話方塊非常有用。它使你能夠與使用者進行互動。使用者需要填入該欄位,然後點按確定。

此對話方塊使用名為 prompt() 的方法顯示,它採用兩個引數:(i) 你想要在文字框中顯示的標籤和 (ii) 在文字框中顯示的預設字串。

此對話方塊有兩個按鈕:確定和取消。如果使用者點按確定按鈕,視窗方法 prompt() 將返回文字框輸入的值。如果使用者點按取消按鈕,視窗方法 prompt() 將返回 null。

示例

你可以嘗試執行以下程式碼,瞭解如何使用 JavaScript 實現提示對話方塊

線上演示

<html>
   <head>
      <script>
         <!--
            function getValue(){
               var retVal = prompt("Enter your name : ", "your name here");
               document.write("You have entered : " + retVal);
            }
         //-->
      </script>
   </head>
   <body>
      <p>Click the following button to see the result: </p>
      <form>
         <input type="button" value="Click Me" onclick="getValue();" />
      </form>
   </body>
</html>

更新於:08-Jan-2020

450 次瀏覽

職業起步

透過完成此課程獲得認證

開始
廣告