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
function testAlertDialog[] {
alert["Something Error!"];
}
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
function testConfirmDialog[] {
var result = confirm["Do you want to continue?"];
if[result] {
alert["OK Next lesson!"];
} else {
alert["Bye!"];
}
}
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