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

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

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 title 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

function myFunction[] {
alert["This is a Example of simple alert box which are used along with JavaScript code, So If you want to highlight something on browser window, so it will take browser attention!"];
}

đầ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ố

.alert {
padding: 15px;
background-color: red;
color: black;
margin-bottom: 15px;
}
.alert.success {background-color: green;}
.alert.info {background-color: dodgerblue;}
.alert.warning {background-color: orange;}
.closebutton {
margin-left: 10px;
color:black;
font-weight: bold;
float: right;
line-height: 10px;
cursor: pointer;
}



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.


var close = document.getElementsByClassName["closebutton"];
var i;
for [i = 0; i