Cửa sổ bật lên JavaScript

• Có Thể 1, 2024

JavaScript được thiết kế để thêm tính tương tác cho các trang web, vì vậy không có gì đáng ngạc nhiên khi nó có một số chức năng để đơn giản hóa việc thu thập thông tin từ đó và hiển thị cho người dùng bằng các hộp bật lên. Trước khi chúng ta xem xét các hộp này, hãy nhớ rằng mặc dù đây thường là cách đơn giản nhất để thu thập và hiển thị thông tin, nhưng chúng không nhất thiết phải hấp dẫn hoặc thân thiện với người dùng nhất. Trong số những thứ khác, cửa sổ bật lên yêu cầu người dùng nhấn nút để đóng cửa sổ sau mỗi tin nhắn hoặc đầu vào - điều này có thể nhanh chóng cũ. Ngoài ra, từ quan điểm thiết kế web, bạn thực sự có rất ít quyền kiểm soát việc trình bày thông tin trong các hộp bật lên. Điều đó nói rằng, ở đúng nơi và được sử dụng trong chừng mực, các hộp bật lên có thể vừa đơn giản vừa hiệu quả.

Có ba loại hộp bật lên - cảnh báo, xác nhận và nhắc nhở. Cửa sổ bật lên đơn giản nhất và được sử dụng phổ biến nhất là cảnh báo. Thông báo có một đối số - một tin nhắn cho người dùng. Khi hộp cảnh báo bật lên, người dùng không thể tiếp tục cho đến khi họ nhấn nút "OK". Mã cho một hộp cảnh báo rất đơn giản:

cảnh báo ("Đây là một cảnh báo")



Hộp xác nhận chỉ phức tạp hơn một chút. Giống như cảnh báo, xác nhận mất một đối số - tin nhắn. Khi hộp xác nhận bật lên, người dùng sẽ được lựa chọn trả lời bằng các nút "OK" hoặc "Hủy". Không giống như cảnh báo, xác nhận có giá trị trả về - 0 có nghĩa là người dùng nhấn "Hủy" và 1 có nghĩa là "OK". Mã cho hộp xác nhận giống hệt với hộp cảnh báo ngoại trừ việc bạn muốn thu thập giá trị trả về bằng cách nào đó:

save_me = xác nhận ("Đây là cửa sổ bật lên xác nhận")



Mặc dù nó là phức tạp nhất của cửa sổ bật lên, nhưng nhắc nhở vẫn khá đơn giản. Prompt nhận hai đối số - một thông báo cho người dùng và một giá trị mặc định (hoặc "" nếu bạn không muốn có giá trị mặc định.) Khi hộp nhắc nhở bật lên, người dùng có thể nhập thông tin được yêu cầu và nhấn "OK". Ngoài ra còn có nút "Hủy". Giá trị trả về là phản hồi của người dùng. Nếu người dùng hủy bỏ giá trị trả về là vô giá trị. Nếu họ để trống ô nhắc, giá trị trả về sẽ là chuỗi trống (""). Bạn có thể muốn kiểm tra các giá trị này và làm một cái gì đó đặc biệt hơn là sử dụng vô giá trị hoặc chuỗi rỗng như phản ứng của họ. Mã cho một hộp nhắc là:

answer = prompt ("Đây là lời nhắc", "Trả lời tại đây")



Bạn có thể xem trình diễn các hộp bật lên này tại đây

---

Video HướNg DẫN: Coding Challenge #31: Flappy Bird (Có Thể 2024).