07/09/2018, 15:21

Các khung Popup trong JavaScript

JavaScript có ba loại hộp bật lên: alert box (hộp cảnh báo), confirm box (hộp xác nhận) và prompt box (hộp dấu nhắc). Alert Box Hộp thông báo thường được sử dụng nếu bạn muốn đảm bảo rằng thông tin đến với người dùng. Khi hộp cảnh báo bật lên, người dùng sẽ ...

JavaScript có ba loại hộp bật lên: alert box (hộp cảnh báo), confirm box (hộp xác nhận) và prompt box (hộp dấu nhắc).

Alert Box

Hộp thông báo thường được sử dụng nếu bạn muốn đảm bảo rằng thông tin đến với người dùng. Khi hộp cảnh báo bật lên, người dùng sẽ phải nhấp vào “OK” để tiếp tục.

Cú pháp:

window.alert(“sometext“);

Phương thức window.alert() có thể được viết mà không có tiền tố window. Ví dụ:

alert("I am an alert box!");

Confirm Box

Hộp xác nhận thường được sử dụng nếu bạn muốn người dùng xác minh hoặc chấp nhận một cái gì đó. Khi hộp xác nhận bật lên, người dùng sẽ phải 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.

Cú pháp:

window.confirm(“sometext“);

Phương thức window.confirm () có thể được viết mà không có tiền tố window.

if (confirm("Press a button!") == true) {
    txt = "You pressed OK!";
} else {
    txt = "You pressed Cancel!";
}

Prompt Box

Một hộp nhắc thường được sử dụng nếu bạn muốn người dùng nhập một giá trị trước khi nhập một trang. Một hộp nhắc thường được sử dụng nếu bạn muốn người dùng nhập một giá trị trước khi nhập một trang. 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ề null.

Cú pháp:

window.prompt(“sometext“,”defaultText“);

Phương thức window.prompt() có thể được viết mà không có tiền tố window.

var person = prompt("Please enter your name", "Harry Potter");

if (person == null || person == "") {
    txt = "User cancelled the prompt.";
} else {
    txt = "Hello " + person + "! How are you today?";
}

Các dòng ngắt

Để hiển thị các ngắt dòng trong một hộp bật lên, hãy sử dụng một dấu gạch chéo ngược theo sau bởi ký tự n.

alert("Hello
How are you?");
Tham khảo thêm các khóa học lập trình web từ Front-end đến Back-end do trực tiếp giảng viên quốc tế trường FPT Arena giảng dạy giúp bạn thành thạo kỹ năng lập trình web từ CƠ BẢN – NÂNG CAO với giá chỉ từ 290,000đ:
  • Học lập trình front-end cơ bản với bootstrap 4/html5/css3
  • Học lập trình front-end nâng cao qua Project thực tế
  • Học thiết kế web với Photoshop, CSS theo kiểu SASS
  • Học cách sử dụng Git_hub cho lập trình viên
  • Học lập trình Back-end PHP theo mô hình MVC cơ bản
  • Học lập trình Back-end PHP theo mô hình MVC nâng cao
  • Học lập trình Cơ sở dữ liệu với AngularJS
  • Học lập trình theme wordpress. Làm ra mọi website hoàn chỉnh với wordpress
  • Combo lập trình front-end từ cơ bản – nâng cao
  • Combo lập trình back-end từ cơ bản đến nâng cao
  • Combo lập trình web với word press từ A-Z
0