Cung cấp thông báo phản hồi theo ngữ cảnh cho các hành động thông thường của người dùng với một số thông báo cảnh báo có sẵn và linh hoạt
ví dụ
Cảnh báo có sẵn cho bất kỳ độ dài văn bản nào, cũng như nút loại bỏ tùy chọn. Để tạo kiểu phù hợp, hãy sử dụng một trong tám lớp ngữ cảnh bắt buộc [e. g. , .alert-success
]. Để loại bỏ nội tuyến, hãy sử dụng plugin jQuery cảnh báo
Đây là cảnh báo chính—hãy kiểm tra
Đây là cảnh báo phụ—hãy kiểm tra
Đây là thông báo thành công—hãy kiểm tra
Đây là cảnh báo nguy hiểm—hãy kiểm tra
Đây là cảnh báo cảnh báo—hãy xem thử
Đây là thông báo cảnh báo—hãy kiểm tra
Đây là cảnh báo nhẹ—hãy kiểm tra
Đây là một cảnh báo tối—hãy kiểm tra
This is a primary alert—check it out!
This is a secondary alert—check it out!
This is a success alert—check it out!
This is a danger alert—check it out!
This is a warning alert—check it out!
This is a info alert—check it out!
This is a light alert—check it out!
This is a dark alert—check it out!
Truyền đạt ý nghĩa cho các công nghệ hỗ trợ
Việc sử dụng màu sắc để thêm ý nghĩa chỉ cung cấp dấu hiệu trực quan, dấu hiệu này sẽ không được chuyển tải đến người dùng công nghệ hỗ trợ – chẳng hạn như trình đọc màn hình. Đảm bảo rằng thông tin được biểu thị bằng màu sắc rõ ràng từ chính nội dung [e. g. văn bản hiển thị], hoặc được bao gồm thông qua các phương tiện thay thế, chẳng hạn như văn bản bổ sung ẩn với lớp .sr-only
Màu sắc liên kết
Sử dụng lớp tiện ích
This is a primary alert with an example link. Give it a click if you like.
This is a secondary alert with an example link. Give it a click if you like.
This is a success alert with an example link. Give it a click if you like.
This is a danger alert with an example link. Give it a click if you like.
This is a warning alert with an example link. Give it a click if you like.
This is a info alert with an example link. Give it a click if you like.
This is a light alert with an example link. Give it a click if you like.
This is a dark alert with an example link. Give it a click if you like.
0 để nhanh chóng cung cấp các liên kết có màu phù hợp trong bất kỳ cảnh báo nàoĐây là một cảnh báo phụ với một liên kết ví dụ. Hãy cho nó một cú nhấp chuột nếu bạn thích
This is a primary alert with an example link. Give it a click if you like.
This is a secondary alert with an example link. Give it a click if you like.
This is a success alert with an example link. Give it a click if you like.
This is a danger alert with an example link. Give it a click if you like.
This is a warning alert with an example link. Give it a click if you like.
This is a info alert with an example link. Give it a click if you like.
This is a light alert with an example link. Give it a click if you like.
This is a dark alert with an example link. Give it a click if you like.
Nội dung bổ sung
Cảnh báo cũng có thể chứa các phần tử HTML bổ sung như tiêu đề, đoạn văn và dấu phân cách
Tốt lắm
Aww yeah, bạn đã đọc thành công thông báo cảnh báo quan trọng này. Văn bản ví dụ này sẽ chạy lâu hơn một chút để bạn có thể thấy khoảng cách trong cảnh báo hoạt động như thế nào với loại nội dung này
window.alert[]
hướng dẫn trình duyệt hiển thị hộp thoại có thông báo tùy chọn và đợi cho đến khi người dùng loại bỏ hộp thoại
Trong một số điều kiện — ví dụ: khi người dùng chuyển tab — trình duyệt có thể không thực sự hiển thị hộp thoại hoặc có thể không đợi người dùng đóng hộp thoại
cú pháp
alert[]
alert[message]
Thông số
message
Tùy chọn
Một chuỗi bạn muốn hiển thị trong hộp thoại cảnh báo hoặc một đối tượng được chuyển đổi thành một chuỗi và hiển thị
Giá trị trả về
Không có [undefined
]
ví dụ
window.alert["Hello world!"];
alert["Hello world!"];
Cả hai sản xuất
ghi chú
Hộp thoại cảnh báo nên được sử dụng cho các tin nhắn không yêu cầu bất kỳ phản hồi nào từ phía người dùng, ngoài việc xác nhận tin nhắn
Các hộp thoại là các cửa sổ phương thức - chúng ngăn người dùng truy cập vào phần còn lại của giao diện chương trình cho đến khi hộp thoại được đóng lại. Vì lý do này, bạn không nên lạm dụng bất kỳ chức năng nào tạo hộp thoại [hoặc cửa sổ phương thức]