Thông báo JavaScript là gì?

JavaScript hỗ trợ ba loại hộp thoại quan trọng. Các hộp thoại này có thể được sử dụng để nâng cao và cảnh báo hoặc để nhận xác nhận về bất kỳ đầu vào nào hoặc để có một loại đầu vào từ người dùng. Ở đây chúng ta sẽ thảo luận từng hộp thoại một

Hộp thoại cảnh báo

Hộp thoại cảnh báo chủ yếu được sử dụng để đưa ra thông báo cảnh báo cho người dùng. Ví dụ: nếu một trường đầu vào yêu cầu nhập một số văn bản nhưng người dùng không cung cấp bất kỳ thông tin đầu vào nào, thì như một phần của quá trình xác thực, bạn có thể sử dụng hộp cảnh báo để đưa ra thông báo cảnh báo

Tuy nhiên, hộp cảnh báo vẫn có thể được sử dụng cho các thông điệp thân thiện hơn. Hộp cảnh báo chỉ cung cấp một nút "OK" để chọn và tiếp tục

Thí dụ

      
           
   
   
   
      

Click the following button to see the result:

đầu ra

Hộp thoại xác nhận

Hộp thoại xác nhận chủ yếu được sử dụng để lấy sự đồng ý của người dùng đối với bất kỳ tùy chọn nào. Nó hiển thị một hộp thoại với hai nút. OK và Hủy bỏ

Nếu người dùng nhấp vào nút OK, phương thức cửa sổ xác nhận () sẽ trả về true. Nếu người dùng nhấp vào nút Hủy, thì xác nhận () trả về false. Bạn có thể sử dụng hộp thoại xác nhận như sau

Thí dụ

      
           
   
   
   
      

Click the following button to see the result:

đầu ra

Hộp thoại Nhắc

Hộp thoại nhắc rất hữu ích khi bạn muốn bật lên một hộp văn bản để nhận thông tin nhập của người dùng. Do đó, nó cho phép bạn tương tác với người dùng. Người dùng cần điền vào trường và sau đó nhấp vào OK

Hộp thoại này được hiển thị bằng một phương thức có tên là prompt() nhận hai tham số. (i) nhãn mà bạn muốn hiển thị trong hộp văn bản và (ii) một chuỗi mặc định để hiển thị trong hộp văn bản

Hộp thoại này có hai nút. OK và Hủy bỏ. Nếu người dùng nhấp vào nút OK, phương thức window prompt() sẽ trả về giá trị đã nhập từ hộp văn bản. Nếu người dùng nhấp vào nút Hủy, phương thức cửa sổ prompt() trả về giá trị rỗng

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

Thông báo JavaScript là gì?

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)

Khi bạn mở bất kỳ trang web nào, đôi khi bạn có thể thấy cửa sổ bật lên cảnh báo. Các hộp cảnh báo JavaScript này rất hữu ích để cảnh báo người dùng về điều gì đó quan trọng. Khi hộp cảnh báo JavaScript được kích hoạt, một hộp nhỏ sẽ bật lên và hiển thị văn bản mà bạn chỉ định trong mã JavaScript của mình. Trong bài viết này, chúng ta sẽ xem cách thức hoạt động của cảnh báo trong JavaScript, theo trình tự sau

Hãy bắt đầu nào

Hộp bật lên trong JavaScript

Trong JavaScript, bạn có thể tìm thấy ba loại hộp bật lên

  • Hộp cảnh báo- Hộp cảnh báo chủ yếu được sử dụng để đảm bảo thông tin đến với người dùng. Khi một hộp cảnh báo bật lên, bạn cần nhấp vào “OK” để tiếp tục

  • Hộp xác nhận- Hộp xác nhận chủ yếu được sử dụng để xác minh hoặc chấp nhận điều gì đó cho người dùng. Khi hộp xác nhận bật lên, người dùng cần nhấp vào “OK” hoặc “Hủy” để tiếp tục. Nếu người dùng nhấp vào “OK”, hộp trả về true. Nếu người dùng nhấp vào “Hủy”, hộp trả về false

  • Hộp nhắc- Hộp nhắc được người dùng sử dụng để nhập giá trị trước khi vào trang. Khi hộp nhắc bật lên, người dùng cần nhấp vào “OK” hoặc “Hủy” để tiếp tục sau khi nhập giá trị đầu vào. Nếu người dùng nhấp vào “OK”, hộp trả về giá trị đầu vào. Nếu người dùng nhấp vào “Hủy”, hộp trả về giá trị rỗng

Đây là những loại hộp bật lên khác nhau. Vì vậy, hãy tìm hiểu sâu về hộp cảnh báo và xem cách bạn có thể tạo hộp cảnh báo trong JavaScript

Cảnh báo trong JavaScript

Phương thức alert() trong JavaScript hiển thị hộp cảnh báo với thông báo được chỉ định và nút OK. Nó thường được sử dụng để đảm bảo rằng thông tin đến được với người dùng

Hộp cảnh báo sẽ lấy tiêu điểm ra khỏi cửa sổ hiện tại và buộc trình duyệt phải đọc thông báo. Vì vậy, bạn 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 cho đến khi đóng hộp

cú pháp

alert(message)

Ở đây, thông báo là một loại chuỗi chỉ định văn bản sẽ hiển thị trong hộp cảnh báo hoặc một đối tượng được chuyển thành chuỗi và hiển thị. nó là tùy chọn

Thí dụ

Thông báo JavaScript là gì?

Làm cách nào để tạo cảnh báo trong JavaScript?

Phương thức alert() trong JavaScript 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 người dùng nhận được thông tin. 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. Hãy lấy một ví dụ và xem cách tạo cảnh báo trong JavaScript





Alert() Method in JavaScript

<style>




Welcome to Edureka

Alert in JavaScript

To Display the alert message, click on the "Show Alert Message" button:

Show Alert Message <script>

đầu ra

Sau khi bạn nhấp đúp vào nút, bạn sẽ nhận được đầu ra sau

Output 2- Alert in JavaScript - edureka

Với điều này, chúng tôi đã đi đến cuối bài viết của chúng tôi. Tôi hy vọng bạn đã hiểu cảnh báo trong JavaScript là gì và cách bạn có thể tạo hộp cảnh báo. Nếu bạn mới bắt đầu, hãy xem Hướng dẫn Java này để hiểu các khái niệm Java cơ bản

Hãy xem khóa học trực tuyến dành cho nhà phát triển web của chúng tôi đi kèm với chương trình đào tạo trực tiếp do người hướng dẫn hướng dẫn và trải nghiệm dự án thực tế. Khóa đào tạo này giúp bạn thành thạo các kỹ năng làm việc với công nghệ web back-end và front-end. Nó bao gồm đào tạo về Phát triển web, jQuery, Angular, NodeJS, ExpressJS và MongoDB.  

Có một câu hỏi cho chúng tôi?

Thông báo cảnh báo trong 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 . Trước khi chức năng này có thể hoạt động, trước tiên chúng ta phải gọi hàm showAlert(). Các hàm JavaScript được gọi để phản hồi các sự kiện.

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

JavaScript có thể "hiển thị" dữ liệu theo nhiều cách khác nhau. .
Viết vào phần tử HTML, sử dụng InternalHTML
Viết vào đầu ra HTML bằng tài liệu. viết()
Viết vào hộp cảnh báo, sử dụng cửa sổ. báo động()
Viết vào bảng điều khiển trình duyệt, sử dụng bảng điều khiển. nhật ký()

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

Cảnh báo cửa sổ() .
Thí dụ. Hiển thị hộp cảnh báo. cảnh báo ("Xin chào. Tôi là một hộp cảnh báo. "); Thêm ví dụ bên dưới
Hộp cảnh báo có ngắt dòng. alert("Xin chào\nBạn khoẻ không?" );
Cảnh báo tên máy chủ của URL hiện tại. cảnh báo (vị trí. tên máy chủ);

Làm cách nào để hiển thị thông báo lỗi JavaScript?

Chúng tôi có thể hiển thị lỗi bằng hai phương pháp mà không cần sử dụng hộp cảnh báo. cú pháp. nút. textContent = "Một số thông báo lỗi" // Để thu hút sự chú ý của nút.