Làm cách nào để đặt thông báo cảnh báo trong JavaScript?

Trong bài viết này, chúng ta sẽ tìm hiểu cách sử dụng phương thức alert() trong JavaScript. Phương thức alert() được sử dụng để hiển thị hộp cảnh báo trên cửa sổ trình duyệt với một số thông báo hoặc cảnh báo. Chúng tôi có thể sử dụng nó như một thông báo hoặc cảnh báo cho người dùng

Tiếp cận. Để hiển thị cảnh báo trên cửa sổ trình duyệt, chúng tôi tạo một nút. Khi chúng ta nhấp vào nút, một trình xử lý sự kiện nhấp chuột được gọi để gọi một hàm. Trong hàm đó, chúng ta sử dụng phương thức alert() chứa thông báo cho người dùng. Khi chúng tôi nhấp vào nút, cửa sổ cảnh báo sẽ bật lên trên cửa sổ trình duyệt chứa thông báo hoặc cảnh báo bằng nút.  

Phương thức HTML Window alert() được sử dụng để hiển thị hộp cảnh báo. Nó hiển thị một thông báo được chỉ định cùng với nút OK và thường được sử dụng để đảm bảo rằng thông tin đến từ người dùng. Nó trả về một chuỗi đại diện cho văn bản sẽ hiển thị trong hộp cảnh báo.  

cú pháp

alert(message)

Ví dụ dưới đây minh họa Phương thức Window alert()

Ví dụ. Trong ví dụ này, chúng tôi sẽ hiển thị hộp cảnh báo bằng cách nhấp đúp vào nút.  

html




<h1 style="color: green;">

    GeeksforGeeks

h1>

<<3>

    <6

    <8

<3>

h12

<h14 h15=h17>

    style0

h14____27_______

h12

<style6>

    style9

=0=1

=2=3

=4=5

    =7

style6>

đầu ra

Làm cách nào để đặt thông báo cảnh báo trong JavaScript?

 

Trình duyệt được hỗ trợ. Trình duyệt được hỗ trợ bởi Phương thức cảnh báo cửa sổ ( ) được liệt kê bên dưới

  • Google Chrome1
  • Cạnh 12
  • Internet Explorer 4
  • Firefox 1
  • Ô-pê-ra 3
  • Safari 1

Chúng tôi có một Cheat Sheet về Javascript, nơi chúng tôi đề cập đến tất cả các chủ đề quan trọng của Javascript để kiểm tra những chủ đề đó, vui lòng xem qua Javascript Cheat Sheet-Hướng dẫn cơ bản về JavaScript

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)

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ị

Không có (undefined)

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

Cả hai sản xuất

Làm cách nào để đặt thông báo cảnh báo trong JavaScript?

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)

Trong JavaScript, các hàm toàn cục có thể được truy cập bằng cách sử dụng đối tượng window như window.alert(), window.confirm(), window.prompt()

báo động()

Hàm

alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date
0 hiển thị thông báo cho người dùng để hiển thị một số thông tin cho người dùng. Hộp cảnh báo này sẽ có nút OK để đóng hộp cảnh báo

cú pháp

window.alert([message]);

Hàm

alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date
0 nhận tham số thuộc bất kỳ loại nào. g. , chuỗi, số, boolean, v.v. Vì vậy, không cần chuyển đổi loại không phải chuỗi thành loại chuỗi

Ví dụ. báo động()

alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date

Thử nó

xác nhận()

Sử dụng chức năng

alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date
2 để lấy xác nhận của người dùng trước khi bắt đầu một số tác vụ. Ví dụ: bạn muốn lấy xác nhận của người dùng trước khi lưu, cập nhật hoặc xóa dữ liệu

cú pháp

________số 8_______

Hàm

alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date
2 hiển thị thông báo bật lên cho người dùng bằng hai nút,
alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date
4 và
alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date
5. Hàm
alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date
2 trả về
alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date
7 nếu người dùng đã nhấp vào nút
alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date
4 hoặc trả về
alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date
9 nếu nhấp vào nút
alert("This is an alert message box.");  // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date
5. Bạn có thể sử dụng giá trị trả về để xử lý thêm

Sau đây cần xác nhận của người dùng trước khi lưu dữ liệu

Ví dụ. xác nhận()

var userPreference;

if (confirm("Do you want to save changes?") == true) {
    userPreference = "Data saved successfully!";
} else {
    userPreference = "Save Cancelled!";
}

Thử nó

lời nhắc()

Sử dụng chức năng

bool window.confirm([message]);
1 để lấy đầu vào của người dùng để thực hiện các hành động tiếp theo. Ví dụ: sử dụng hàm
bool window.confirm([message]);
1 trong trường hợp bạn muốn tính toán EMI dựa trên thời hạn cho vay ưu tiên của người dùng

cú pháp

string prompt([message], [defaultValue]);

Hàm

bool window.confirm([message]);
1 nhận hai tham số. Tham số đầu tiên là thông báo sẽ được hiển thị và tham số thứ hai là giá trị mặc định trong hộp nhập liệu

Làm cách nào để tạo thông báo cảnh báo tùy chỉnh trong JavaScript?

Để tạo hộp cảnh báo tùy chỉnh trong JavaScript, bạn có thể sử dụng “thư viện SweetAlert, bao gồm tệp “CDN” để kích hoạt “Swal. fire()” và thư viện “JQuery”, sẽ tải thư viện JQuery trong dự án, lấy các thuộc tính khác nhau của hộp cảnh báo và áp dụng các chức năng khác nhau trên hộp cảnh báo

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

Một hàm hữu ích có sẵn trong JavaScript là hàm alert() . Chức năng này sẽ hiển thị văn bản trong hộp thoại bật lên trên màn hình.

Làm cách nào để đặt thời gian cho thông báo cảnh báo trong JavaScript?

Nếu bạn muốn cảnh báo xuất hiện sau một khoảng thời gian nhất định, bạn có thể sử dụng mã này. setTimeout(function() { alert("my message"); }, time); Nếu bạn muốn cảnh báo xuất hiện và biến mất sau một khoảng thời gian xác định .