Dialog Box Là Gì
Trong khuyên bảo tự học JavaScript này, các bạn sẽ học giải pháp tạo các hộp thoại (dialog box)
1. Vỏ hộp thoại (dialog box) là gì?
Trong JavaScript, bạn cũng có thể tạo hộp thoại (dialog box) hoặc hành lang cửa số bật lên (popup) để tương tác với những người dùng.
Bạn đang xem: Dialog box là gì
Bạn có thể sử dụng chúng để thông báo cho người dùng hoặc nhận một số dữ liệu nguồn vào của người dùng trước lúc tiếp tục.
Bạn có thể tạo ba loại hộp thoại khác nhau của hộp thoại alert (cảnh báo), confirm (yêu mong xác nhận) cùng prompt (nhắc nhở).
Sự mở ra của các hộp thoại này được xác minh bởi thiết lập hệ điều hành quản lý và / hoặc trình duyệt, chúng chẳng thể được sửa đổi bởi CSS.
Ngoài ra, vỏ hộp thoại là 1 trong loại hành lang cửa số window. Khi vỏ hộp thoại được hiển thị, việc thực hiện chương trình đang dừng cùng chỉ liên tiếp sau lúc nó đã bị loại bỏ bỏ.
Trong phần sau bọn họ sẽ tò mò về 3 các loại hộp thoại này vào JavaScript.
2. Hộp thoại lưu ý (Alert dialog box)
Hộp thoại lưu ý (alert dialog box) là vỏ hộp thoại đơn giản dễ dàng nhất. Nó cho phép bạn hiển thị một lời nhắn ngắn cho tất cả những người dùng.
Nó cũng bao gồm nút OK và người dùng phải nhấp vào nút OK này nhằm tiếp tục.
Bạn hoàn toàn có thể tạo những hộp thoại lưu ý bằng phương thức alert() như đã thấy không hề ít ở ví dụ của những bài trước.
var thongBao = "Chào bạn, click OK nhằm tiếp tục.";alert(message); /* loại lệnh bên dưới này đã không triển khai nếu vỏ hộp thoại trước không được bỏ qua */alert("Đây là một hộp thoại lưu ý khác");
3. Vỏ hộp thoại xác nhận (Confirm dialog box)
Hộp thoại chứng thực (confirm dialog box) cho phép người dùng xác nhận hoặc diệt một hành động.
Hộp thoại chứng thực trông tựa như như vỏ hộp thoại cảnh báo nhưng nó có thêm nút bỏ (Cancel) với nút OK.
Bạn rất có thể tạo hộp thoại xác thực bằng phương thức confirm().
Phương thức này chỉ trả về một cực hiếm Boolean (true hoặc false) tùy ở trong vào việc người tiêu dùng nhấp vào nút OK tốt Cancel.
Đó là vì sao tại sao kết quả của nó hay được gán mang đến một vươn lên là khi nó được sử dụng.
Ví dụ sau sẽ in một trong những văn phiên bản trong trình chuyên chú tùy trực thuộc vào nút làm sao được chọn.
Xem thêm: Đọc Truyện Tranh Dragon Ball, Dragon Ball (Truyện Màu Full Color)
var hocLapTrinh = confirm("Học thiết kế không"); if(hocLapTrinh) alert("Có, học ngay cùng luôn!"); else alert("Để nghĩ về thêm đã!");
Trong lập trình web, các bạn sẽ thấy cách làm này rất hay được dùng để người dùng xác thực có hoặc không chấp nhận với đồ vật gi đó.
Tham khảo: KHÓA HỌC FULL STACK nếu bạn có nhu cầu học nghề thiết kế web.
4. Hộp thoại cảnh báo (Prompt dialog box)
Hộp thoại nhắc nhở (Prompt dialog box) được thực hiện để nhắc người tiêu dùng nhập thông tin.
Hộp thoại kể nhở có trường để nhập văn bạn dạng và kèm theo là nút OK với nút bỏ (Cancel).
Bạn rất có thể tạo hộp thoại nhắc bởi phương thức prompt().
Phương thức này trả về văn bạn dạng đã được nhập vào trường nhập khi người tiêu dùng nhấp vào nút OK và loại bỏ nếu người tiêu dùng nhấp vào nút diệt (Cancel).
Nếu người dùng nhấp vào nút OK nhưng mà không nhập bất kỳ văn phiên bản nào, một chuỗi trống sẽ tiến hành trả về.
Vì nguyên nhân này, công dụng của nó thường xuyên được gán cho một biến chuyển khi nó được sử dụng.
Ví dụ sau đang in giá bán giá trị của khách hàng và in ra quý giá đó khi chúng ta nhấn OK.
var text = prompt("Nhập gì đấy vào đây");if (text != null) alert("Bạn vẫn nhập: " + text); else alert("Nhập gì đó đi chúng ta ơi!");
Giá trị được trả về bởi phương thức prompt() vẫn là một chuỗi. Điều này có nghĩa là nếu người dùng nhập số10 vào trường nhập, chuỗi "10" được trả về thay bởi số 10.
Do đó, nếu bạn muốn sử dụng quý giá trả về bên dưới dạng số, bạn phải chuyển thành số, như sau: var age = Number(prompt ("Bạn từng nào tuổi?"));
Ví dụ:
var age = Number(prompt("Bạn từng nào tuổi?"));if ((age > 0 && age
Mẹo: Để hiển thị ngắt dòng bên trong các hộp thoại, hãy thực hiện (Dấu gạch chéo cánh ngược theo sau là ký kết tự n)
Như vậy là chúng ta đã được đọc thêm về các loại hộp thoại vào JavaScript như alert, confirm cùng prompt.
Các bài học tiếp theo bọn họ sẽ được học về JavaScript nâng cao. Hãy theo dõi và quan sát nhé.
Ý kiến học viên
Kiến thức học tại NIIT - ICT hà thành giúp mình hữu ích thế rất cao đối với các bước Marketing trên VTC điện thoại mà lúc này mình theo đuổi. Chúc NIIT - ICT thủ đô hà nội ngày càng cải cách và phát triển ^^.
Xem thêm: Cách Chơi Minecraft 2 Nguoi Khong Can Hamachi, Cách Chơi Chúng Minecraft Không Cần Hamachi
Mình thấy rằng unique đào tạo luôn luôn được NIIT - ICT thủ đô hà nội coi trọng. Mẫu mình học được ở đây là cách quan tâm đến như một thiết kế viên, áp dụng CNTT để triển khai việc mình yêu thích.
Nguyễn Thành Luân - Graphics Designer trên Reface StudioQuãng thời hạn học trên NIIT - ICT thủ đô hà nội đã góp mình cứng cáp rất nhiều. Lúc này nghiệp code cũng rất là suôn sẻ. Chúc các em khóa sau học tập thật xuất sắc nhé!
