Làm cách nào để hiển thị một thông báo trong JavaScript?

1. Như trước đây chúng ta đã thảo luận Hộp thông báo JavaScript được sử dụng để hiển thị các thông báo bật lên, ngoài ra nếu chúng ta muốn thông báo cho người dùng về các thông báo hoặc cảnh báo cụ thể thì có thể hiển thị. Các hộp thoại đó được coi như các phương thức của đối tượng cửa sổ

2. Hộp thông báo trong JavaScript có thể được chia thành ba loại khác nhau là Hộp cảnh báo, Hộp xác nhận, Hộp nhắc nhở. Đó là như sau

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

hộp cảnh báo

Hộp thông báo cảnh báo JavaScript là một trong những hộp hiển thị được sử dụng khi bạn muốn hiển thị hoặc hiển thị thông tin chắc chắn cho người dùng. Hộp cảnh báo bao gồm nút OK để người dùng có thể nhấn nút này để xử lý tiếp

Gói phát triển phần mềm tất cả trong một(hơn 600 khóa học, hơn 50 dự án)

Giá bán
Xem các khóa học

Hơn 600 khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập trọn đời
4. 6 (86.007 xếp hạng)

cú pháp

window. Alert("text");

Vì vậy, trong cửa sổ cú pháp này. Phương thức Alert() được sử dụng mà không có tiền tố cửa sổ

Alert box is used to show sure information through pop up window to the user on their browser window. That alert message can be Danger, Success, Warning, Info each is having different meaning as per their importance. Danger value is used to show dangerous or negative action in popup box. Success can be used to show successful and positive action where as Warning value is used to show warning message where need attention of the user. And Info is used to show neutral information regarding change or action. One can create more than one alert message boxes on webpage using script for closing popup boxes using onclick attribute by considering on each element.

Hộp xác nhận

Hộp xác nhận được sử dụng trong JavaScript, bất cứ khi nào người dùng cần xác minh hoặc chấp nhận thông qua hộp bật lên. Vì vậy, loại hộp thông báo này bao gồm hai giá trị Ok và Hủy để xử lý tiếp theo. Vậy nếu bạn muốn tiếp tục xử lý tiếp thì bạn nhấn Ok nghĩa là lần nhấn này trả về giá trị true, ngược lại bạn nhấn Cancel để xử lý tiếp tức là nó trả về giá trị false

cú pháp

window.confirm ("text");

hộp nhắc nhở

Hộp nhắc nhở là một trong những Hộp thông báo JavaScript được sử dụng làm cửa sổ bật lên tương tác nơi người dùng muốn nhập đầu vào trước khi thực sự truy cập trang web. Giống hộp Xác nhận, nó có 2 giá trị Ok, Cancel. Sau khi người dùng nhập nút Ok thì người dùng cần nhập giá trị đầu vào để có quyền truy cập trang web nếu người dùng nhấp vào hủy thì giá trị đó trả về giá trị null

cú pháp

window.prompt("text", "default text")

Ví dụ về Hộp thông báo JavaScript

Dưới đây là các ví dụ về Hộp thông báo JavaScript

Ví dụ 1

Trong ví dụ đầu tiên, chúng ta sẽ tạo Hộp cảnh báo đơn giản khi nhấp vào nút, vì vậy khi người dùng nhấp vào nút, họ có thể thấy cửa sổ thông báo bật lên và sau khi hoàn tất, bằng cách nhấp vào nút Ok, cửa sổ bật lên sẽ đóng lại

Mã số

JavaScript Simple Alert Box
Click Here

đầu ra

Sau khi Click vào nút

Ví dụ #2

Trong Ví dụ này, chúng ta sẽ tạo Hộp cảnh báo, Những hộp đó giống như Thành công, Thông tin, Cảnh báo, Nguy hiểm như đã thảo luận trước đó, Hãy cùng xem ví dụ về nó

Mã số

JavaScript Alert Messages
Click on given X symbol to close Alert Message.

×
Success! Success used to show positive action


×
Info! Info is used to show action or change.


×
Warning! Warning used to show warning where user want to give attention.


×
Danger! Danger for showing dangerous action or negative action.

đầu ra

Bất cứ khi nào chạy mã này, nó sẽ hiển thị đầu ra như

Vì vậy, từ các hộp Cảnh báo phía trên, chúng ta có thể đóng các hộp cảnh báo đó bằng cách nhấp vào Dấu chéo được cung cấp như bên dưới

Ví dụ #3

Trong ví dụ này, chúng tôi sẽ tạo Hộp xác nhận

Mã số

JavaScript Confirm Box
Click here to see result

đầu ra

Ví dụ #4

Trong ví dụ này, chúng ta sẽ tạo hộp nhắc

Mã số

JavaScript Prompt Message Box
Click Here

đầu ra

Phần kết luận

• Từ tất cả các thông tin trên, chúng tôi biết rằng Hộp thông báo JavaScript được sử dụng để hiển thị hộp bật lên hoặc cửa sổ phương thức chứa một số thông tin để thu hút sự chú ý của người dùng đối với các hộp thoại
• Tất cả các hộp thông báo đó được chia thành ba loại như Hộp cảnh báo, Hộp xác nhận và Hộp nhắc nhở có giá trị Đồng ý và Hủy, Vì vậy, người dùng có thể sử dụng bất kỳ hộp nào trong số đó tùy theo lựa chọn của họ

Bài viết được đề xuất

Đây là hướng dẫn về Hộp thông báo JavaScript. Ở đây chúng ta thảo luận về Hộp thông báo Giới thiệu về JavaScript và các ví dụ của nó cùng với việc triển khai mã của nó. Bạn cũng có thể xem qua các bài viết được đề xuất khác của chúng tôi để tìm hiểu thêm –

Làm cách nào để hiển thị tệp văn bản trong JavaScript?

Làm cách nào để hiển thị thông báo lỗi trong JavaScript?

Làm cách nào để hiển thị thông báo thành công trong JavaScript?

Làm cách nào để hiển thị đầu vào trong JavaScript?