Hộp thoại nhắc trong JavaScript là gì?

Phương thức prompt() của JavaScript được sử dụng để tạo hộp thoại nhắc hoặc hộp bật lên, rõ ràng là được sử dụng để nhận đầu vào từ người dùng, trước khi vào một trang hoặc để sử dụng đầu vào cho trang hiện tại. Ví dụ

HTML với mã JavaScript

   
   Click to Enter Name
   
   

Lưu ý - getElementById() trả về một phần tử HTML sử dụng giá trị ID của nó

Lưu ý - InternalHTML đặt/trả lại nội dung cho/của phần tử HTML được chỉ định

Dấu nhắc JavaScript() Cú pháp

Cú pháp của phương thức prompt() trong JavaScript là

prompt("direction", "default");

Tham số hướng đề cập đến một văn bản hoặc tin nhắn, được sử dụng để hiển thị một số hướng cho người dùng và tham số mặc định được sử dụng để đặt giá trị trước cho hộp nhập liệu. Ví dụ

HTML với mã JavaScript

   
   Click to Enter the Data
   
   

Lưu ý - Dấu nhắc() giống như cửa sổ. lời nhắc(). Đó là bởi vì, cửa sổ là một đối tượng toàn cầu. Và trong JavaScript, một phương thức mặc định thuộc về đối tượng cửa sổ

Javascript Javascript cung cấp ba Hộp thoại quan trọng, bao gồm Hộp thoại Cảnh báo cho người dùng, Hộp thoại Xác nhận và Hộp thoại Nhắc

Ghi chú. Các hộp thoại do Javascript cung cấp có giao diện rất đơn giản và không thể tùy chỉnh. Trong ứng dụng thực tế, có thể bạn sẽ sử dụng thư viện do bên thứ ba cung cấp để có hộp thoại tốt hơn và nhiều tùy chọn hơn. Tuy nhiên, các hộp thoại Javascript mặc định vẫn hữu ích trong nhiều trường hợp

Trong bài học này chúng ta sẽ lần lượt thảo luận về từng hộp thoại

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

Hộp thoại cảnh báo chủ yếu được sử dụng để hiển thị thông báo, cảnh báo hoặc lỗi cho người dùng. Về cơ bản, bạn không thể tùy chỉnh biểu tượng hoặc tiêu đề hộp thoại,. bạn chỉ có thể cung cấp thông báo mà hộp thoại sẽ hiển thị. Ngoài ra, hộp thoại cảnh báo chỉ có một nút OK để đóng hộp thoại.  

Để hiển thị Hộp thoại Cảnh báo, bạn gọi hàm alert(tin nhắn), trong đó thông báo là nội dung mà hộp thoại sẽ hiển thị.  

ví dụ cảnh báo. js

   
      

      

   
   
      
Alert Dialog Box


      Click me!

   

3- Hộp thoại Xác nhận

Hộp thoại xác nhận  được sử dụng để yêu cầu người dùng xác nhận điều gì đó. Hộp thoại này rất đơn giản, bạn không thể tùy chỉnh icon hay tiêu đề của hộp thoại mà chỉ có thể cung cấp thông báo yêu cầu người dùng xác nhận. Hộp thoại này có 2 nút OK và Cancel

Để hiển thị Hộp thoại Xác nhận, bạn gọi hàm xác nhận(tin nhắn), trong đó thông báo là yêu cầu người dùng xác nhận. Nếu người dùng nhấn vào nút OK thì hàm này trả về true, ngược lại nếu người dùng nhấn vào nút No thì hàm này trả về false

xác nhận ví dụ. js

   
      

      

   
   
      
Confirmation Dialog Box


      Click me!

   


 

4- Hộp thoại Nhắc

Hộp thoại nhắc nhở được sử dụng để người dùng nhập thông tin. Hộp thoại này rất đơn giản. Nó bao gồm một Trường văn bản để người dùng nhập thông tin. Hộp thoại có 2 nút OK và Cancel.  

Để hiển thị Hộp thoại Nhắc, bạn gọi hàm prompt(message, defaultValue) trong đó thông báo là một cho người dùng. defaultValue là giá trị mặc định được điền sẵn trong Trường văn bản

Nếu người dùng nhấp vào OK, hàm sẽ trả về nội dung trên Trường văn bản, ngược lại, nếu người dùng nhấp vào Hủy, hàm sẽ trả về null.  

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

Làm cách nào để nhắc đầu vào trong JavaScript?

Hộp thoại nhắc nhở là gì?

Dấu nhắc () có phải là một chức năng không?

Lời nhắc và cảnh báo trong JavaScript là gì?