Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Hộp thoại alert trong JavaScript

Định nghĩa

alert(message) hiển thị modal dialog với thông điệp và nút OK duy nhất. Chặn UI cho đến khi user bấm OK.

Ví dụ

<!DOCTYPE html>
<html>
<head>
  <script>
    function warn() {
      alert("Day la canh bao!");
      document.write("Da dong alert<br>");
    }
  </script>
</head>
<body>
  <p>Click nut de xem alert:</p>
  <button onclick="warn()">Click Me</button>
</body>
</html>

Đặc điểm

  • Synchronous blocking: code dừng lại cho đến khi user bấm OK.
  • Chỉ có 1 nút OK – không thể tùy chỉnh.
  • Giao diện do trình duyệt quyết định (không style được).
  • Dùng cho: cảnh báo đơn giản, debug nhanh.

Khuyến nghị hiện đại

  • Tránh dùng alert trong production UX (làm phiền, chặn UI).
  • Thay bằng: custom modal (HTML/CSS), toast notification, SweetAlert2, v.v.
  • Chỉ dùng alert cho debug tạm thời hoặc prototype.

Các dialog khác

  • confirm(message) – OK/Cancel, trả về boolean.
  • prompt(message, default) – input text, trả về string/null.