Rate this post

Vì chúng tôi sẽ sử dụng trình duyệt làm môi trường demo của mình, hãy xem một số chức năng để tương tác với người dùng: cảnh báo, nhắc nhở và xác nhận. Hãy xem cách chúng ta tương tác Browser thông qua các phương thức.

Tóm tắt nội dung

Alert

Trong JavaScript, alert() là một hàm được sử dụng để hiển thị một thông báo trên trình duyệt web của người dùng. Khi được gọi, nó hiển thị một hộp thoại chứa thông báo được chỉ định và một nút “OK” để đóng hộp thoại.

Ví dụ:

alert("Xin chào, đây là một thông báo!");
//show alert trong javascript

Khi được gọi, hộp thoại sẽ hiển thị “Xin chào, đây là một thông báo!” và người dùng phải nhấn nút “OK” để đóng hộp thoại.

alert() thường được sử dụng để thông báo cho người dùng về một lỗi, một cảnh báo hoặc một tin nhắn quan trọng nào đó. Tuy nhiên, nó có thể trở nên phiền toái nếu được sử dụng quá thường xuyên hoặc trong các trường hợp không cần thiết.

Xem thêm Copywriting cho điện thoại di động

prompt

Trong JavaScript, prompt() là một hàm được sử dụng để tạo ra một hộp thoại cho phép người dùng nhập vào một thông tin cụ thể. Hộp thoại này có thể được sử dụng để lấy đầu vào từ người dùng, ví dụ như yêu cầu tên của họ hoặc thông tin liên hệ của họ.

result = prompt (title, [default]);
//cú pháp của prompt

Trong đó:

  • text là thông báo hiển thị trong hộp thoại (có thể bỏ qua nếu không cần thiết).
  • defaultText là giá trị mặc định được hiển thị trong hộp thoại cho phép người dùng nhập vào (có thể bỏ qua nếu không cần thiết).

Hàm prompt() trả về giá trị mà người dùng đã nhập vào, hoặc null nếu người dùng đã nhấn vào nút Hủy bỏ.

Dưới đây là một ví dụ về cách sử dụng hàm prompt() để yêu cầu người dùng nhập tên của họ:

let name = prompt("Please enter your name", "John Doe");
if (name != null) {
  alert(`Hello ${name}! How are you today?`);
}

Trong ví dụ này, hộp thoại được tạo ra để yêu cầu người dùng nhập tên của họ. Nếu người dùng nhập tên và nhấn OK, hộp thoại sẽ đóng lại và một thông báo chào mừng sẽ được hiển thị, bao gồm tên của người dùng. Nếu người dùng nhấn Hủy bỏ, giá trị của biến name sẽ là null.

Xem thêm Hiểu các nguyên tắc cơ bản về JavaScript

Prompt trả về chuỗi nếu khách hàng nhập hoặc null khách hàng hủy.

Ví dụ:

let age = prompt ('Bạn bao nhiêu tuổi?',100);
alert (`Bạn $ {age} tuổi! '); // Bạn 100 tuổi!

Trong IE: luôn cung cấp giá trị mặc định

Tham số thứ hai là tùy chọn, nhưng nếu chúng tôi không cung cấp, Internet Explorer sẽ chèn văn bản “không xác định” vào lời nhắc.

Chạy mã này trong Internet Explorer để xem:

let test = prompt ("Kiểm tra");

Vì vậy, để lời nhắc trông đẹp trong IE, chúng tôi khuyên bạn nên luôn cung cấp đối số thứ hai:

let test = prompt ("Kiểm tra", ''); // <- cho IE

Xem thêm Điện thoại thông minh là gì?

Confirm

Trong JavaScript, Confirm là một hộp thoại dùng để xác nhận hành động của người dùng. Confirm sẽ hiển thị một thông báo yêu cầu người dùng xác nhận hoặc từ chối hành động. Confirm thường được sử dụng để đảm bảo rằng người dùng muốn thực hiện một hành động quan trọng, ví dụ như xóa một dữ liệu quan trọng hay đăng xuất khỏi tài khoản. Kết quả của Confirm là một giá trị boolean (true hoặc false), tùy thuộc vào lựa chọn của người dùng.

Cú pháp: result = confirm (questioni);

Chức năng xác nhận hiển thị một cửa sổ phương thức với một câu hỏi và hai nút: OK và Cancel.

Kết quả là true nếu nhấn OK và ngược lại là false.

Ví dụ:

let isBoss = Confirm("Bạn có phải là ông chủ không?");
alert(isBoss); // true nếu nhấn OK

Kết luận

Chúng tôi đã đề cập đến 3 chức năng dành riêng cho trình duyệt để tương tác với khách truy cập:

  • Alert
  • Prompt
  • Confirm

Alert hiển thị thông báo.

Prompt xuất ra màn hình thông báo yêu cầu nhập vào tham số. Nó trả kiểu dữ liệu string, nếu Cancel hoặc Esc được chọn thì giá trị nhận được là null.

Confirm hiển thị một thông báo và đợi người dùng nhấn “OK” hoặc “Cancel”. Nó trả về giá trị true cho OK và giá trị false cho Cancel / Esc.

Tất cả các phương pháp này đều là method: chúng tạm dừng thực thi tập lệnh và không cho phép khách truy cập tương tác với phần còn lại của trang cho đến khi cửa sổ bị loại bỏ.

Có hai hạn chế được chia sẻ bởi tất cả các phương pháp trên:

  • Vị trí chính xác của cửa sổ phương thức được xác định bởi trình duyệt. Thông thường, nó nằm ở trung tâm.
  • Giao diện chính xác của cửa sổ cũng phụ thuộc vào trình duyệt. Chúng ta không thể sửa đổi nó.

Đó là cái giá phải trả cho sự đơn giản. Có nhiều cách khác để hiển thị cửa sổ đẹp hơn và tương tác phong phú hơn với khách truy cập, nhưng nếu “chuông và còi” không quan trọng lắm, thì những phương pháp này vẫn hoạt động tốt.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Contact Me on Zalo
Call now