Hiển thị hộp cảnh báo khi nhấp vào liên kết trong JavaScript

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.

Đâ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

alert()
alert(message)

ví dụ

window.alert("Hello world!");
alert("Hello world!");

Cả hai sản xuất