Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm thế nào để hiển thị hộp thoại nhắc bằng JavaScript?


Hộp thoại nhắc rất hữu ích khi bạn muốn bật lên một hộp văn bản để nhận thông tin nhập của người dùng. Do đó, nó cho phép bạn tương tác với người dùng. Người dùng cần điền vào trường và sau đó nhấp vào OK.

Hộp thoại này được hiển thị bằng một phương thức có tên là prompt () nhận hai tham số:(i) một nhãn mà bạn muốn hiển thị trong hộp văn bản và (ii) một chuỗi mặc định để hiển thị trong văn bản hộp.

Hộp thoại này có hai nút:OK và Cancel. Nếu người dùng nhấp vào nút OK, dấu nhắc phương thức cửa sổ () sẽ trả về giá trị đã nhập từ hộp văn bản. Nếu người dùng nhấp vào nút Hủy, phương thức cửa sổ nhắc () trả về null.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để biết cách triển khai hộp thoại lời nhắc bằng JavaScript:

Bản trình diễn trực tiếp

<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>