1. Alert Box
Một hộp thông báo thường được dùng để hiện thông tin cho người dùng xem. Người dùngphải ấn OK mởi tiếp tục duyệt web được phải ấn OK mởi tiếp tục duyệt web được
Cú pháp:
alert("sometext")2. Confirm Box 2. Confirm Box
Hộp xác nhận tương tự như hộp thông báo ở trên, nhưng người dùng có thể ấn "OK" hoặc"Cancel" để có thể tiếp tục. "Cancel" để có thể tiếp tục.
Nếu click "OK", box trả về giá trị true. Nếu click "Cancel", box trả về giá trị false.
Cú pháp:
confirm("sometext")3. Prompt Box 3. Prompt Box
Đây là hộp thông báo hiện ra yêu cầu người dùng nhập dữ liệu trước khi tiếp tục.
Khi một prompt box xuất hiện, người dùng phải nhấn "OK" hoặc "Cancel" để có thể tiếptục sau khi nhập dữ liệu. tục sau khi nhập dữ liệu.
Nếu người dùng click "OK" box sẽ trả về giá trị do người dùng nhập vào. Nếu người dùngclick "Cancel" box sẽ trả về giá trị null. click "Cancel" box sẽ trả về giá trị null.
Cú pháp:
prompt("sometext","defaultvalue")
VI. Hàm trong JavaScript
1. Giới thiệu
Để giúp cho trình duyệt không chạy script khi load trang, ta có thể đặt script vào trong một hàm.Hàm chứa code sẽ được thực thi khi xảy ra một sự kiện hoặc khi được một câu lệnh nào đó gọi. Hàm chứa code sẽ được thực thi khi xảy ra một sự kiện hoặc khi được một câu lệnh nào đó gọi.
Chúng ta có thể gọi hàm từ bất kỳ đâu trong trang (hoặc ngay cả trong những trang khácnếu hàm được nhúng trong một file .js). nếu hàm được nhúng trong một file .js).
Hàm có thể được dịnh nghĩa trong phần <head> và cả phần <body> của một tài liệu HTML.Tuy nhiên, để bảo đảm rằng hàm được đọc bởi trình duyệt trước khi được gọi, nên đặt hàm trong Tuy nhiên, để bảo đảm rằng hàm được đọc bởi trình duyệt trước khi được gọi, nên đặt hàm trong phần <head>. Ví dụ <html> <head> <script type="text/javascript"> function displaymessage() {alert("Hello World!")} </script> </head> <body> <form>
<input type="button" value="Click me!"onclick="displaymessage()" > onclick="displaymessage()" >
</form></body> </body> </html>
2. Định nghĩa hàm
Cú pháp để định nghĩa một hàm như sau:function functionname(var1,var2,...,varX) function functionname(var1,var2,...,varX) {some code}
var1, var2, … là các biến hoặc giá trị được truyền vào cho hàm.Dưới đây là khai báo một hàm không có tham số: Dưới đây là khai báo một hàm không có tham số:
function functionname(){some code} {some code}
3. Lệnh return
Lệnh return được dùng để chỉ định giá trị hàm sẽ trả về.
Ví dụ
function prod(a,b){x=a*b {x=a*b
return x}
Nếu chúng ta có lệnh gán như sau:product=prod(2,3) product=prod(2,3)
thì giá trị của biến product sẽ là 6.
*. Sự kiện - Event Event handler : Event handler :
– <tagName eventHandler = "JavaScript Code or Function">
– <INPUT TYPE="button" value =" kiemtra" onClick="kiemtra()">
Ví dụ:
<HTML>
<SCRIPT LANGUAGE="JavaScript">function kiemtra() function kiemtra()
{ alert("ban da bam nut kiem tra");}</SCRIPT> </SCRIPT>
<BODY>
Ðiền tên của bạn vào đây: <INPUT TYPE="text" value =" Ly Te He"><br><INPUT TYPE="button" value =" kiemtra" onClick="kiemtra();"> <INPUT TYPE="button" value =" kiemtra" onClick="kiemtra();">
</BODY></HTML> </HTML>
Các sự kiện thường xảy ra:
onBlur input focus bị xoá từ thành phần form
onClick khi ngời dùng kích vào các thành phần hay liên kết của form.onChange khi giá trị của thành phần được chọn thay đổi onChange khi giá trị của thành phần được chọn thay đổi
onFocus khi thành phần của form được focus(làm nổi lên).
onLoad trang Web được load.
onMouseOver khi di chuyển chuột qua kết nối hay anchor.
onSelect khi người sử dụng lựa chọn một trường nhập dữ liệu trên form.onSubmit khi người dùng đưa ra một form. onSubmit khi người dùng đưa ra một form.
onUnLoad khi người dùng đóng một trang
các sự kiện có sẵn của một số đối tượng.
Đối tượng Chương trình xử lý sự kiện có sẵn Selection list onBlur, onChange, onFocus
Text onBlur, onChange, onFocus, onSelect
Textarea onBlur, onChange, onFocus, onSelect
Button onClick
Checkbox onClick
Radio button onClick
Hypertext link onClick, onMouseOver, onMouseOut Clickable Imagemap area onMouseOver, onMouseOut
Reset button onClick
Submit button onClick
Document onLoad, onUnload, onError
Window onLoad, onUnload, onBlur, onFocus
Framesets onBlur, onFocus
Form onSubmit, onReset