[ JS ] Bài 5 : GIAO TIẾP VỚI NGƯỜI SỬ DỤNG
JavaScript
hỗ trợ khả năng cho phép người lập trình tạo ra một hộp hội thoại. Nội dung của
hộp hội thoại phụ thuộc vào trang HTML có chứa đoạn script mà không làm ảnh hưởng
đến việc xuất nội dung trang.
Cách đơn
giản để làm việc đó là sử dụng cách thức alert(). Để sử dụng được cách thức này,
bạn phải đưa vào một dòng text như khi sử dụng document.write() và
document.writeln() trong phần trước. Ví dụ:
alert("Nhấn
vào OK để tiếp tục");
Khi đó
file sẽ chờ cho đến khi người sử dụng nhấn vào nút OK rồi mới tiếp tục thực hiện
Thông thường,
cách thức alert() được sử dụng trong các trường hợp:
·
Thông
tin đưa và form không hợp lệ
·
Kết
quả sau khi tính toán không hợp lệ
·
Khi
dịch vụ chưa sẵn sàng để truy nhập dữ liệu
Tuy nhiên cách thức alert() mới chỉ cho phép thông báo với
người sử dụng chứ chưa thực sự giao tiếp với người sử dụng. JavaScript cung cấp
một cách thức khác để giao tiếp với người sử dụng là promt(). Tương tự như alert(), prompt()
tạo ra một hộp hội thoại với một dòng thông báo do bạn đưa vào, nhưng ngoài ra
nó còn cung cấp một trường để nhập dữ liệu vào. Người sử dụng có thể nhập vào
trường đó rồi kích vào OK. Khi đó, ta có thể xử lý dữ liệu do người sử dụng vừa
đưa vào.
Chương
trình này sẽ hỏi tên người dùng và sau đó sẽ hiển thị một thông báo ngắn sử dụng
tên mới đưa vào. Ví dụ được lưu vào file Hello.html
<HTML>
<HEAD>
<TITLE> JavaScript Exemple </TITLE>
<SCRIPT LANGUAGE= “JavaScript”>
var name=window.prompt(“Hello! What’s your name ?”,””);
document.write(“Hello ” + name + “ ! I hope you like JavaScript ”);
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
Ví dụ này
hiển thị dấu nhắc nhập vào tên với phương thức window.prompt. Giá trị đạt được sẽ được ghi trong biến có tên là name.
Biến name được kết hợp với các chuỗi khác và được
hiển thị trong cửa sổ của trình duyệt nhờ phương thức document.write.
Bây giờ
bạn đã có ý tưởng về các chức năng có thể đạt được qua JavaScript, chúng ta hãy
tiếp tục tìm hiểu thêm về chính ngôn ngữ này.
Chúc các bạn học tập vui vẻ :)
[ JS ] Bài 5 : GIAO TIẾP VỚI NGƯỜI SỬ DỤNG
Reviewed by Nguyen Nam Hong
on
7:30 PM
Rating:
Reviewed by Nguyen Nam Hong
on
7:30 PM
Rating:
Bình luận