JS彈出對話框的三種實現方式的意義


     最近開始學習JavaScript,最開始講的就是alert()、confirm()和prompt()三種JS彈出對話框。三種彈出對話框分別是警告、確認和提示消息。

     第一種警告消息框 (alert)
     alert 方法有一個參數,即希望對用戶顯示的文本字符串。該字符串不是 HTML 格式。該消息框提供了一個“確定”按鈕讓用戶關閉該消息框,並且該消息框是模式對話框,也就是說,用戶必須先關閉該消息框然后才能繼續進行操作。 

 

     <script>

     alert("Hello World !");

     </script>

      以上就是跳出一個警告消息框。

     第二種確認消息框 (confirm)
     使用確認消息框可向用戶問一個“是-或-否”問題,並且用戶可以選擇單擊“確定”按鈕或者單擊“取消”按鈕。confirm 方法的返回值為 true 或 false。該消息框也是模式對話框:用戶必須在響應該對話框(單擊一個按鈕)將其關閉后,才能進行下一步操作。     

   

      <script>
      var x = confirm("Hello World !");
      if (x == true) {
      alert("Hello");
      } else {
      alert("Bye");
      }
      </script>

      以上跳出一個確認消息框,點確定顯示“Hello”,點取消顯示“Bye”。

     提示消息框 (prompt)
     提示消息框提供了一個文本字段,用戶可以在此字段輸入一個答案來響應您的提示。該消息框有一個“確定”按鈕和一個“取消”按鈕。如果您提供了一個輔助字符串參數,則提示消息框將在文本字段顯示該輔助字符串作為默認響應。否則,默認文本為 "<undefined>"。 
     與alert( ) 和 confirm( ) 方法類似,prompt 方法也將顯示一個模式消息框。

 

     <script>
     prompt("Are you happy ?請輸入您的姓名?");
     </script>

     以上跳出一個消息框,需要輸入一些信息再來點確定或者取消,當然不輸入內容也可以。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM