Có 3 loại hộp bật lên có sẵn trong JavaScript. Đây là -
1. Cảnh báo - Phương thức Window.alert () hiển thị hộp thoại cảnh báo với nội dung được chỉ định tùy chọn và nút OK.
Ví dụ:nếu bạn thực thi tập lệnh sau, tập lệnh sẽ mở ra một hộp cảnh báo có nội dung:"Đây là một cảnh báo" với một nút xác nhận.
Ví dụ
<script>
alert("This is a alert");
</script> Lưu ý rằng hộp thoại cảnh báo nên được sử dụng cho các thông báo không yêu cầu bất kỳ phản hồi nào từ phía người dùng, ngoại trừ việc xác nhận thông báo.
2. Xác nhận - Phương thức Window.confirm () hiển thị hộp thoại phương thức với thông báo tùy chọn và hai nút:OK và Cancel.
Ví dụ:nếu bạn thực thi tập lệnh sau, tập lệnh sẽ mở ra hộp xác nhận với nội dung:"Vui lòng xác nhận hành động này" kèm theo nút xác nhận và nút hủy. Điều này trả về một boolean tùy thuộc vào đầu vào do người dùng cung cấp.
Ví dụ
<script>
let bool = confirm("Please confirm this action");
console.log(bool);
</script> Nếu bạn nhấp vào xác nhận, nó sẽ trả về true. Nếu bạn nhấp vào hủy, nó sẽ trả về false.
Lưu ý rằng Hộp thoại là cửa sổ phương thức - chúng ngăn người dùng truy cập phần còn lại của giao diện chương trình cho đến khi hộp thoại đóng.
3. Nhắc nhở - Window.prompt () hiển thị hộp thoại với thông báo tùy chọn nhắc người dùng nhập một số văn bản.
Ví dụ:nếu bạn thực thi tập lệnh sau, nó sẽ mở ra một hộp propmt với nội dung:"Vui lòng nhập tên của bạn" kèm theo nút xác nhận và nút hủy. Điều này trả về một Chuỗi do người dùng cung cấp.
Ví dụ
<script>
let name = prompt("Please enter your name");
console.log(name);
</script> Khi bạn cung cấp cho nó một số đầu vào trong lời nhắc, nó sẽ ghi tên bạn vào bảng điều khiển.