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.
thông báo là một chuỗi tùy chọn có thể được chuyển vào hàm alert[] nếu bạn muốn hiển thị một số văn bản trong hộp cảnh báo
Giá trị trả về của cảnh báo JavaScript[]
Giá trị trả về. Không có
Hàm cảnh báo trong JavaScript không trả về bất kỳ giá trị nào
Ngoại lệ của cảnh báo [] trong JavaScript
Chức năng cảnh báo trong JavaScript không có bất kỳ ngoại lệ nào
Ví dụ về cảnh báo[] trong JavaScript
Click the button below to see an alert.
đầu ra. Sau khi nhấp vào nút "Click Me", chúng ta sẽ thấy đầu ra sau
Giải trình
Ở dòng 7, chúng ta đã định nghĩa một alert[] bên trong hàm createAlert[]. Chúng tôi cũng đã tạo một nút [trình xử lý sự kiện nhấp chuột] sẽ gọi hàm createAlert[]. Bất cứ khi nào nhấn nút, hàm createAlert[] sẽ được gọi và cảnh báo sẽ hiển thị trên cửa sổ trình duyệt
Cảnh báo JavaScript[] hoạt động như thế nào?
Hộp thoại cảnh báo thường được sử dụng để hiển thị những thông báo không yêu cầu bất kỳ phản hồi nào từ người dùng [ngoài sự xác nhận của thông báo]. Chúng thường được sử dụng để thông báo cho người dùng về điều gì đó quan trọng. Bất cứ khi nào cảnh báo [] được gọi trong trình duyệt, thông báo cảnh báo sẽ xóa tiêu điểm khỏi cửa sổ hiện tại
Cửa sổ trình duyệt vẫn không thể truy cập được cho đến khi người dùng đóng hộp cảnh báo. Đây là lý do tại sao các thông báo cảnh báo nên được sử dụng để kiểm soát vì chúng có thể cản trở trải nghiệm duyệt web của người dùng
Thêm ví dụ
Chúng ta hãy xem xét một vài ví dụ để hiểu đầy đủ về chủ đề này
ví dụ 1. Tạo Cảnh báo Không chứa văn bản
Click the button below to see an alert.
đầu ra. Khi nhấp vào nút "Click Me", chúng tôi sẽ nhận được đầu ra sau
Trong ví dụ trên, chúng tôi đã hiển thị một cảnh báo không chứa bất kỳ tin nhắn văn bản nào. Sau khi người dùng nhấp vào "OK" trên thông báo cảnh báo, hộp cảnh báo sẽ biến mất và cửa sổ trình duyệt sẽ trở lại tiêu điểm
ví dụ 2. Hiển thị Tiêu đề Tài liệu trong Hộp Cảnh báo
alert[] in JavaScript
Click the button below to see an alert.
đầu ra. Khi nhấp vào nút "Click Me", chúng tôi sẽ nhận được đầu ra sau
Trong ví dụ trên, chúng tôi đã sử dụng tài liệu. tiêu đề để hiển thị tiêu đề của cửa sổ hiện tại trên hộp cảnh báo. Nếu không có tiêu đề, hộp cảnh báo sẽ không hiển thị văn bản
Giống như tiêu đề, chúng tôi có thể hiển thị nhiều thứ khác nhau như URL hiện tại, loại tài liệu của tài liệu, v.v.
Trình duyệt được hỗ trợ
Chức năng cảnh báo JavaScript [] được hỗ trợ bởi tất cả các trình duyệt, bao gồm Chrome, Firefox, Edge, Safari, Opera, v.v.
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
2 nhưalert[] in JavaScript
Click the button below to see an alert.
3,alert[] in JavaScript
Click the button below to see an alert.
4,alert[] in JavaScript
Click the button below to see an alert.
5alert[] in JavaScript
Click the button below to see an alert.
báo động[]
Hàm
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áoalert["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
cú pháp
window.alert[[message]];Hàm ________ 30 nhận tham số thuộc bất kỳ kiểu 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
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ệualert["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
cú pháp
________số 8
Hàm
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àmalert["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útalert["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útalert["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êmalert["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
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[]
7
Click the button below to see an alert.
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àmbool 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ùngcú pháp
0alert[] in JavaScript
Click the button below to see an alert.
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ệuCảnh báo JavaScript [] là gì?
Một hàm hữu ích vốn có 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 .Đối tượng nào có phương thức alert[]?
Cảnh báo[] là một phương thức của đối tượng cửa sổ .Tác dụng của hàm alert[] là gì?
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 đóng 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.Làm cách nào để cảnh báo một biến trong JavaScript?
Nhập "cảnh báo ["Này, " + tên + ". "];" . Dòng mã này sẽ thêm biến "tên" vào từ "Này, "[với khoảng trắng ở cuối], rồi thêm ". " để kết thúc câu [không bắt buộc]. Ví dụ: nếu người dùng nhập "Trevor" làm giá trị của biến "tên", cảnh báo sẽ nói "Này, Trevor. ".