JAVASCRIPT: CH8

Chương 8: Hiển thị thông báo ra màn hình trong javascript

Đúng như tiêu đề thì bài này chúng ta sẽ tìm hiểu về các hàm hiển thị thông báo ra màn hình trong Javascript.
Cụ thể là ba hàm alert(), confirm(), prompt().

8.1. Hàm alert()
-Hàm alert() trong javascript có nhiệm vụ hiển thị ra màn hình một hộp thoại kèm theo nội dung do chúng ta setup.

 Cú pháp:
alert(content);
Trong đó: content là nội dung mà các bạn muốn hiển thị ra ngoài màn hình, có thể là biến, hằng,...
VD: Thông báo ra màn hình chữ: Một trang được nhúng tại www.goole.com.vn cho biế'.
alert(‘Một trang được nhúng tại www.goole.com.vn cho biết’);
8.2. Hàm Confirm()
-Hàm này cũng có tác dụng tạo ta các thông báo trên màn hình như hàm alert() và đồng thời kèm theo 2 button OK, hủy(tùy theo ngôn ngữ của trình duyệt có thể sẽ khác). Khi của sổ hiện nên nếu như người dùng chọn OK thì nó sẽ trả về TRUE và ngược lại thì nó sẽ trả về FALSE.


Cú pháp:
confirm(content);
Trong đó: content là nội dung mà các bạn muốn hiển thị ra ngoài màn hình, có thể là biến, hằng,...
VD: Hiển thị ra màn hình đoạn text ‘Do you really want to leave?' và kiểm tra nếu như người dùng chọn Ok thì in ra chữ 'Thanhks!' còn chọn hủy thì in ra chữ OK?'
if (confirm(‘Do you really want to leave?')) {
    document.write(Thanks!');
} else {
    document.write(OK?');
}

8.3. Hàm Prompt()
-Hàm này sẽ hiển thị ra màn hình một thông báo kèm theo một ô input cho chúng ta nhập vào nội dung. Nếu người dùng chọn hủy thì nó sẽ trả về FALSE, nếu người dùng nhập nội dung và ấn ok thì nó sẽ trả về nội dung đó.

Cú pháp:
prompt(content);
Trong đó: content là nội dung mà các bạn muốn hiển thị ra ngoài màn hình, có thể là biến, hằng,...
VD: Hiển thị ra màn hình một prompt kèm thông báo 'Chào bạn, năm nay bạn bao nhiêu tuổi?' nếu người dùng ấn hủy thì sẽ in ra dòng chữ 'Sao không trả lời à bạn?' còn nếu người dùng nhập nội dung và ấn ok thì sẽ in ra nội dung mà người dùng vừa nhập.
if (result = prompt('Chào bạn, năm nay bạn bao nhiêu tuổi?')) {
    document.write(result);
} else {
    document.write('Sao không trả lời à bạn?');

}
-----------
Mục lục:
Subscribe to: Posts (Atom)