Giá trị của cảnh báo trong javascript là gì?

Hàm JavaScript


Age

Submit
1 là một hàm có sẵn trên đối tượng

Age

Submit
2 toàn cầu. Nó ra lệnh cho trình duyệt hiển thị hộp thoại phương thức có thông báo và nút "OK"

Đây là một ví dụ cơ bản về cách sử dụng

alert["Hello world!"];

// Which is quivalent to:
window.alert["Hello world"];

Lưu ý rằng, khi được thực thi, chức năng


Age

Submit
3 sẽ lấy tiêu điểm và ngăn người dùng tương tác với thiết lập lại trang web cho đến khi phương thức bị loại bỏ

Ví dụ sử dụng cảnh báo

1. Tin nhắn cảnh báo khi nhấp chuột

Một trường hợp sử dụng rất phổ biến cho chức năng


Age

Submit
3 là sử dụng nó khi điền vào biểu mẫu và sau đó cố gắng gửi nó bằng cách nhấp vào nút

Giả sử chúng tôi muốn đảm bảo người dùng trên 18 tuổi khi điền vào biểu mẫu sau


Age

Submit

Tất cả những gì chúng ta phải làm là đính kèm một trình lắng nghe sự kiện vào nút, kiểm tra giá trị của trường đầu vào và sau đó hiển thị phương thức bằng hàm


Age

Submit
3 của JavaScript

var checkAge = [e] => {
if[document.querySelector['#age'].value
Age

Submit
3 cho trường hợp này

Rất tiếc, chúng tôi không thể tùy chỉnh thông báo hiển thị trên hộp thoại nữa. Chúng tôi vẫn phải trả lại một văn bản để tương thích với các trình duyệt cũ, nhưng rất có thể thông báo sẽ không được hiển thị trên các trình duyệt hiện đại. Chúng sẽ hiển thị thông báo mặc định cho người dùng biết rằng các thay đổi sẽ không được lưu

Vì vậy, đây là cách chúng tôi nói với trình duyệt rằng chúng tôi muốn hiển thị một thông báo, nhưng trả về một chuỗi trên hàm sự kiện


Age

Submit
0

3. Hộp cảnh báo khi tải trang

Trong một số trường hợp rất cụ thể, các trang web có thể muốn hiển thị thông báo cảnh báo khi tải trang. Để làm điều này, tất cả những gì chúng ta cần làm là kích hoạt thông báo cảnh báo trên phần


Age

Submit
7 trong HTML của chúng ta. Bằng cách này, cảnh báo sẽ được hiển thị trước khi tải bất kỳ thành phần nào trên trang


Age

Submit
2

4. Tin nhắn cảnh báo sử dụng một biến

Việc sử dụng một biến để hiển thị các thông báo khác nhau dựa trên nội dung của nó cũng có thể được thực hiện khá dễ dàng. Chỉ cần chuyển biến cho phương thức


Age

Submit
3 thay vì một chuỗi văn bản

Đây là một ví dụ


Age

Submit
4

5. Báo tin nhắn yêu cầu xác nhận

Có lẽ bạn muốn hiển thị một cảnh báo yêu cầu khách truy cập xác nhận và điều đó cũng cho phép họ hủy hoặc bỏ qua nó bằng cách hiển thị các nút "Hủy" và "OK". Đối với những trường hợp này chúng ta sẽ sử dụng hàm


Age

Submit
9, đây có thể coi là một biến thể của hàm

Age

Submit
3

Hàm


Age

Submit
9 sẽ chỉ thêm nút "Hủy" ở trên nút "OK" được thêm bởi phương thức

Age

Submit
3


Age

Submit
9

Chúng tôi có thể nắm bắt quyết định của khách truy cập bằng cách kiểm tra kết quả của phương pháp. Sẽ là

var checkAge = [e] => {
if[document.querySelector['#age'].value {
if[document.querySelector['#age'].value
Age

Submit
3 và sử dụng hàm thay thế
var checkAge = [e] => {
if[document.querySelector['#age'].value

Chủ Đề