Hộp bật lên JavaScript
JavaScript có ba loại hộp bật lên: Hộp cảnh báo, Hộp xác nhận và Hộp nhắc.
Hộp cảnh báo
Hộp cảnh báo thường được sử dụng nếu bạn muốn đảm bảo thông tin đến với người dùng.
Khi một hộp cảnh báo bật lên, người dùng sẽ phải nhấp vào "OK" để tiếp tục.
Cú pháp
window.alert("sometext");
Phương window.alert()
thức có thể được viết mà không có tiền tố cửa sổ.
Thí dụ
alert("I am an alert box!");
Hộp xác nhận
Hộp xác nhận thường được sử dụng nếu bạn muốn người dùng xác minh hoặc chấp nhận điều gì đó.
Khi hộp xác nhận bật lên, người dùng sẽ phải nhấp vào "OK" hoặc "Hủy" để tiếp tục.
Nếu người dùng nhấp vào "OK", hộp sẽ trả về true . Nếu người dùng nhấp vào "Hủy", hộp sẽ trả về false .
Cú pháp
window.confirm("sometext");
Phương window.confirm()
thức có thể được viết mà không có tiền tố cửa sổ.
Thí dụ
if (confirm("Press a button!")) {
txt = "You
pressed OK!";
} else {
txt = "You pressed Cancel!";
}
Hộp nhắc nhở
Hộp nhắc thường được sử dụng nếu bạn muốn người dùng nhập giá trị trước khi nhập trang.
Khi hộp nhắc bật lên, người dùng sẽ phải nhấp vào "OK" hoặc "Hủy" để tiếp tục sau khi nhập giá trị đầu vào.
Nếu người dùng nhấp vào "OK", hộp sẽ trả về giá trị đầu vào. Nếu người dùng nhấp vào "Hủy", hộp sẽ trả về giá trị rỗng.
Cú pháp
window.prompt("sometext","defaultText");
Phương window.prompt()
thức có thể được viết mà không có tiền tố cửa sổ.
Thí dụ
let person = prompt("Please enter your name", "Harry Potter");
let text;
if
(person == null || person == "") {
text = "User cancelled
the prompt.";
} else {
text = "Hello " + person + "!
How are you today?";
}
Ngắt dòng
Để hiển thị ngắt dòng bên trong hộp bật lên, hãy sử dụng dấu gạch chéo ngược theo sau là ký tự n.
Thí dụ
alert("Hello\nHow are you?");