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

Phương thức Cảnh báo cửa sổ HTML ()

Phương thức alert () cửa sổ HTML hiển thị hộp cảnh báo với thông báo đã xác định và nút OK trong tài liệu HTML.

Cú pháp

Sau đây là cú pháp -

alert(“message”);

Hãy để chúng tôi xem một ví dụ về phương thức HTML window alert () -

Ví dụ

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
      padding: 20px;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
</style>
</head>
<body>
<h1>HTML Window alert() Method</h1>
<button class='btn' onclick="add()">Click me to open an alert box</button>
<script>
   function add() {
      alert("Hello! I'm an alert box");
   }
</script>
</body>
</html>

Đầu ra

Phương thức Cảnh báo cửa sổ HTML ()

Nhấp vào “ Tạo tôi để mở hộp cảnh báo ”Để mở hộp cảnh báo.

Phương thức Cảnh báo cửa sổ HTML ()