JAVA - NIIT-ICT: JavaScript

JavaScript hỗ trợ ba loại hộp thoại quan trọng. Các hộp thoại này có thể được sử dụng để nâng cao cảnh báo hoặc để nhận được xác nhận về bất kỳ đầu vào nào hoặc có loại đầu vào từ người dùng. Ở đây chúng ta sẽ thảo luận từng hộp thoại một.

Hộp thoại cảnh báo

Một hộp thoại cảnh báo chủ yếu được sử dụng để đưa ra một thông báo cảnh báo cho người dùng. Ví dụ: nếu một trường nhập yêu cầu nhập một số văn bản nhưng người dùng không cung cấp bất kỳ đầu vào nào, thì là một phần của xác thực, bạn có thể sử dụng hộp cảnh báo để đưa ra một thông báo cảnh báo.

Khóa học java miễn phí

Tuy nhiên, một hộp cảnh báo vẫn có thể được sử dụng cho các thư thân thiện hơn. Hộp thông báo chỉ cung cấp một nút "OK" để chọn và tiếp tục.

Link đăng ký khóa học : Khóa học java miễn phí.

<html>
   <head>
   
      <script type="text/javascript">
         <!--
            function Warn() {
               alert ("This is a warning message!");
               document.write ("This is a warning message!");
            }
         //-->
      </script>
      
   </head>
   <body>
      <p>Click the following button to see the result: </p>
      
      <form>
         <input type="button" value="Click Me" onclick="Warn();" />
      </form>
      
   </body>
</html>

Hộp thoại xác nhận

Hộp thoại xác nhận chủ yếu được sử dụng để đồng ý của người dùng về bất kỳ tùy chọn nào. Nó hiển thị một hộp thoại với hai nút: Cancel .

Nếu người dùng nhấp vào nút OK, phương thức window xác nhận () sẽ trả về true. Nếu người dùng nhấp vào nút Hủy, thì xác nhận () trả về false. Bạn có thể sử dụng hộp thoại xác nhận như sau.

Thí dụ

<html>
   <head>
   
      <script type="text/javascript">
         <!--
            function getConfirmation(){
               var retVal = confirm("Do you want to continue ?");
               if( retVal == true ){
                  document.write ("User wants to continue!");
                  return true;
               }
               else{
                  document.write ("User does not want to continue!");
                  return false;
               }
            }
         //-->
      </script>
      
   </head>
   <body>
      <p>Click the following button to see the result: </p>
      
      <form>
         <input type="button" value="Click Me" onclick="getConfirmation();" />
      </form>
      
   </body>
</html>

Hộp thoại nhắc

Hộp thoại nhắc là rất hữu ích khi bạn muốn bật lên một hộp văn bản để có được đầu vào 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 cách sử dụng một phương thức được gọi là dấu nhắc () có hai tham số: (i) một nhãn 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 hộp văn bản.

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, lời nhắc phương thức cửa sổ () trả về giá trị rỗng .

Thí dụ

Ví dụ sau cho thấy cách sử dụng hộp thoại nhắc

<html>
   <head>
      
      <script type="text/javascript">
         <!--
            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>

JAVA - NIIT-ICT

Thứ Năm, 1 tháng 11, 2018

JavaScript - Hộp thoại

Hộp thoại cảnh báo

Hộp thoại xác nhận

Hộp thoại nhắc

Không có nhận xét nào:

Đăng nhận xét

Lập trình Java - Ngoại lệ

Danh Sách Khóa Đào Tạo

Tổng số lượt xem trang