JavaScript hộp thoại

JavaScript có ba loại hộp弹窗：hộp cảnh báo, hộp xác nhận và hộp gợi ý.

hộp cảnh báo

Để đảm bảo thông tin được truyền đạt đến người dùng, thường sử dụng hộp cảnh báo.

khi hộp cảnh báo xuất hiện, người dùng sẽ cần nhấn "Đồng ý" để tiếp tục.

cú pháp

window.alert("sometext");

window.alert(); phương pháp có thể không cần. window bằng tiền tố để viết.

Ví dụ

alert("Tôi là hộp cảnh báo!");

Thử ngay

hộp xác nhận

Nếu bạn muốn người dùng xác nhận hoặc chấp nhận điều gì đó, thì thường sử dụng hộp xác nhận.

khi hộp xác nhận xuất hiện, người dùng sẽ phải nhấn "Đồng ý" hoặc "Hủy" để tiếp tục.

nếu người dùng nhấn "Đồng ý", hộp sẽ trả về truenếu người dùng nhấn "Hủy", hộp sẽ trả về false。

cú pháp

window.confirm("sometext");

window.confirm(); phương pháp có thể không cần. window viết bằng tiền tố.

Ví dụ

var r = confirm("xin nhấn nút");
if (r == true) {
    x = "Bạn đã nhấp vào Xác nhận!";
} else {
    x = "Bạn đã nhấp vào Hủy!";
}

Thử ngay

Hộp thoại

Nếu bạn muốn người dùng nhập giá trị trước khi vào trang, thường sẽ sử dụng hộp thoại.

Khi hộp thoại提示 xuất hiện, người dùng sẽ phải nhập giá trị và nhấp vào "Xác nhận" hoặc nhấp vào "Hủy" để tiếp tục.

Nếu người dùng nhấp vào "Xác nhận", hộp thoại sẽ trả về giá trị nhập. Nếu người dùng nhấp vào "Hủy", hộp thoại sẽ trả về NULL。

cú pháp

window.prompt("sometext",defaultText");

window.prompt() phương pháp có thể không cần. window viết bằng tiền tố.

Ví dụ

var person = prompt("Vui lòng nhập tên của bạn", "Bill Gates");
if (person != null) {
    document.getElementById("demo").innerHTML = "Bạn khỏe không " + person + "! Hôm nay bạn có tốt không?";
}

Thử ngay

Dòng ngắn

Nếu cần hiển thị dòng ngắn trong hộp thoại弹出, hãy thêm một ký tự sau dấu gạch chéo ngược. n。

Ví dụ

alert("Hello\nHow are you?");

Thử ngay