Tôi có nên sử dụng JavaScript cảnh báo không?

Javascript là ngôn ngữ được biết đến nhiều nhất trên web. Javascript được sử dụng rộng rãi trong phát triển front-end cũng như back-end. Javascript cung cấp rất nhiều chức năng tích hợp để hỗ trợ phát triển. Trong bài viết này, chúng ta sẽ tìm hiểu một trong những phương thức cảnh báo () tích hợp sẵn của javascript, được sử dụng để hiển thị cửa sổ bật lên trên màn hình để hiển thị thông báo hoặc hiển thị cảnh báo. Hộp cảnh báo khác với bất kỳ tin nhắn hoặc văn bản nào khác trên màn hình. Đó là cửa sổ bật lên chứa tin nhắn/văn bản có nút “OK”. Người dùng sẽ không thể thực hiện bất kỳ tác vụ nào trong khi hộp cảnh báo ở trên màn hình và họ nhấp vào nút “OK”. Vì vậy, nó không được khuyến khích, nếu không cần thiết. Vì vậy, chúng ta hãy xem hộp cảnh báo là gì và các cách khác nhau để sử dụng nó là gì

Alert() về cơ bản là một phương thức, được sử dụng để hiển thị hộp bật lên trên trang web

cú pháp

Có hai cú pháp khác nhau để hiển thị hộp cảnh báo. Một trong số đó là sử dụng đối tượng của cửa sổ

cửa sổ. cảnh báo("Hộp cảnh báo từ linuxhint");

Tuy nhiên, chúng ta cũng có thể sử dụng phương thức alert() mà không cần đối tượng của cửa sổ

cảnh báo ("Hộp cảnh báo từ linuxhint");

Vì vậy, hãy thử cả hai cú pháp

ví dụ

Đầu tiên, hãy thử với đối tượng của cửa sổ

cửa sổ. cảnh báo("Hộp cảnh báo từ linuxhint");

Và bây giờ, không có đối tượng của cửa sổ

cảnh báo ("Hộp cảnh báo từ linuxhint");

Bạn sẽ chứng kiến ​​rằng không có sự khác biệt trong cả hai

Phương thức cảnh báo không chỉ lấy chuỗi để hiển thị thông báo. Chúng tôi cũng có thể cung cấp biến và nó hoạt động hoàn toàn tốt,

var alertMessage = 'Hộp cảnh báo sử dụng biến';
alert(alertMessage);

như bạn có thể thấy trong ảnh chụp màn hình bên dưới, thông báo được hiển thị

Chúng ta cũng đã học về việc cung cấp một biến. Nếu chúng ta muốn hiển thị hộp cảnh báo bật lên trên màn hình khi nhấp vào nút thì sao? . Vì vậy, chúng ta có thể chỉ cần hiển thị một hộp cảnh báo như thế này

< khi nhấp vào nút ="cảnh báo (Đã thêm thành công)">Show Alert! nút >

Hoặc, nếu chúng tôi nhận được thông báo xác nhận từ máy chủ và chúng tôi muốn hiển thị thông báo trên cơ sở thông báo mà chúng tôi nhận được. Chúng ta có thể gọi hàm trên phương thức onclick của nút

< nhấp vào nút ="alertFunc()" . Show Alert! nút >

Sau đó, sau này trong tập lệnh, chúng ta có thể viết hàm trong đó chúng ta có thể hiển thị thông báo cảnh báo

function alertFunc () {

var alertMessage = 'Alert Box using function';

alert(alertMessage);

}

Vì vậy, đây là một số phương pháp khác nhau để sử dụng phương thức alert()

Sự kết luận

Trong bài viết này, chúng ta đã tìm hiểu về phương thức cảnh báo có sẵn của javascript để hiển thị cửa sổ bật lên trên cửa sổ của trình duyệt. Bài viết này đã giải thích việc sử dụng phương pháp cảnh báo một cách rất dễ dàng, sâu sắc và hiệu quả mà bất kỳ người mới bắt đầu nào cũng có thể hiểu và sử dụng. Vì vậy, hãy tiếp tục học tập, làm việc và tích lũy kinh nghiệm về javascript với linuxhint. com để hiểu rõ hơn về nó. Cảm ơn bạn rất nhiều

Phương thức alert() trong JavaScript được sử dụng để hiển thị hộp cảnh báo ảo. Nó chủ yếu được sử dụng để đưa ra một thông báo cảnh báo cho người dùng. Nó hiển thị hộp thoại cảnh báo bao gồm một số thông báo được chỉ định (không bắt buộc) và nút OK. Khi hộp thoại bật lên, chúng ta phải nhấp vào "OK" để tiếp tục

Hộp thoại cảnh báo lấy tiêu điểm và buộc người dùng đọc thông báo đã chỉ định. Vì vậy, chúng ta nên tránh lạm dụng phương pháp này vì nó ngăn người dùng truy cập vào các phần khác của trang web cho đến khi đóng hộp

Chúng ta có thể hiểu tính hữu ích của phương thức cảnh báo bằng một ví dụ. Giả sử chúng ta phải điền vào mẫu đơn xin chứng minh nhân dân. Nó hỏi về ngày tháng năm sinh để đủ điều kiện làm chứng minh nhân dân. Nếu đủ 18 tuổi trở lên thì tiếp tục quy trình. Ngược lại sẽ hiện thông báo độ tuổi dưới 18. Thông báo cảnh báo này là 'Hộp cảnh báo'

Một ví dụ khác là giả sử người dùng được yêu cầu điền vào biểu mẫu trong đó một số trường bắt buộc được yêu cầu nhập một số văn bản, nhưng người dùng quên cung cấp thông tin đầu vào. Là một phần của quá trình xác thực, chúng ta có thể sử dụng hộp thoại cảnh báo để hiển thị thông báo cảnh báo liên quan đến việc điền vào trường văn bản

Thay vì hiển thị các cảnh báo hoặc lỗi, hộp thoại cảnh báo có thể được sử dụng cho các thông báo thông thường như 'chào mừng trở lại', 'Xin chào XYZ', v.v.

cú pháp

giá trị

thông điệp. Đó là một chuỗi tùy chọn chỉ định văn bản sẽ hiển thị trong hộp cảnh báo. Nó bao gồm thông tin mà chúng tôi muốn hiển thị cho người dùng

Hãy xem một số ví dụ về phương thức cảnh báo () của JavaScript

Ví dụ 1

Trong ví dụ này, có một hộp thoại cảnh báo đơn giản với một thông báo và một nút OK. Ở đây, có một nút HTML được sử dụng để hiển thị hộp cảnh báo. Chúng tôi đang sử dụng thuộc tính onclick và gọi hàm fun() trong đó cảnh báo() được xác định

đầu ra

Sau khi nhấp vào nút, đầu ra sẽ là -

Ví dụ2

Trong ví dụ này, có một hộp thoại cảnh báo với thông báo và nút OK. Tại đây, hộp cảnh báo hiển thị URL của trang tương ứng. URL được xác định bằng cách sử dụng cảnh báo (vị trí. tên máy chủ);

Tôi có nên sử dụng cảnh báo trong JS không?

Khi nào bạn nên sử dụng hộp cảnh báo?

Cảnh báo có chặn JavaScript không?

Sự khác biệt chính giữa việc sử dụng cảnh báo () so với dấu nhắc () là gì?