JavaScript hỗ trợ ba loại hộp thoại quan trọng là alert[]
, confirm[]
, và prompt[]
. Các hộp thoại này có thể được sử dụng để nâng cao và cảnh báo hoặc để xác nhận bất kỳ đầu vào nào hoặc để có một loại đầu từ người dùng. Sau đâ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[]
Hộp thoại alert
chủ yếu được sử dụng để gửi thông báo cảnh báo hoặc thông báo cho người dùng. Ví dụ. nếu một trường nhập yêu cầu nhập liệu nhưng người dùng không nhập thì ta có thể sử dụng hộp thoại alert
để gửi thông báo cảnh báo
Hộp thoại alert
cũng có thể được sử dụng cho các thông báo mang tính thân thiện hơn. Cảnh báo hộp thoại chỉ cung cấp một nút "OK" để chọn và tiếp tục
Ví dụ
function thongBao[] { alert["Đây là hộp thoại alert!"]; document.write["Đây là hộp thoại alert!"]; } Click nút lệnh dưới đây để xem kết quả:
đầu ra
Hộp thoại xác nhận[]
Hộp thoại
function conf[]{ var retVal = confirm["Bạn muốn tiếp tục?"]; if[retVal == true]{ document.write["Tiếp tục!"]; return true; } else { document.write["Không tiếp tục!"]; return false; } } Click nút lệnh để xem kết quả:0chủ yếu được sử dụng để yêu cầu người dùng xác nhận đối số với tùy chọn tương ứng như xóa, cập nhật,. Hộp thoại
function conf[]{ var retVal = confirm["Bạn muốn tiếp tục?"]; if[retVal == true]{ document.write["Tiếp tục!"]; return true; } else { document.write["Không tiếp tục!"]; return false; } } Click nút lệnh để xem kết quả:0có hai nút. OK và Cancel
Nếu người dùng nhấp vào nút OK, phương thức xác nhận[] sẽ trả về true, còn nếu người dùng nhấp vào nút Cancel thì xác nhận[] trả về false
Ví dụ
function conf[]{ var retVal = confirm["Bạn muốn tiếp tục?"]; if[retVal == true]{ document.write["Tiếp tục!"]; return true; } else { document.write["Không tiếp tục!"]; return false; } } Click nút lệnh để xem kết quả:
Sau đây đầu ra được hiển thị khi thực hiện thành công mã trên
Dấu nhắc hộp thoại[]
Hộp thoại
function conf[]{ var retVal = confirm["Bạn muốn tiếp tục?"]; if[retVal == true]{ document.write["Tiếp tục!"]; return true; } else { document.write["Không tiếp tục!"]; return false; } } Click nút lệnh để xem kết quả:1 hữu ích khi bạn muốn bật hộp văn bản để nhận đầ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 hộp văn bản và sau đó nhấp vào OK
Hộp thoại này được hiển thị bằng cách sử dụng giao thức có tên prompt[]
có hai tham số. tham số thứ nhất là thông báo, tham số thứ 2 là một chuỗi mặc định để hiển thị trong hộp văn bản
prompt[] has two node. OK và Cancel. Nếu người dùng nhấp vào nút OK thì prompt[] 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 thì nhắc[] trả về null