Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 16 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
16
Dung lượng
106 KB
Nội dung
CHƯƠNG XV CHƯƠNG XV HÀM TRONG JAVASCRIPT HÀM TRONG JAVASCRIPT ĐỊNH NGHĨA ĐỊNH NGHĨA Hàm là một đọan chương trình có thể được sử dụng nhiều lần Hàm là một đọan chương trình có thể được sử dụng nhiều lần trong một chương trình để thực hiện một tác vụ nào đó. trong một chương trình để thực hiện một tác vụ nào đó. Cách xây dựng hàm: Cách xây dựng hàm: Dùng từ khoá Dùng từ khoá function function để định nghĩa hàm. để định nghĩa hàm. Cú pháp: Cú pháp: function function FunctionName FunctionName ( ( List_Parameter List_Parameter ) ) { { Khai báo các biến sử dụng trong hàm ; Khai báo các biến sử dụng trong hàm ; Các câu lệnh trong JavaScript thực hiện tác vụ; Các câu lệnh trong JavaScript thực hiện tác vụ; [return [giá trị /biểu thức] ]; [return [giá trị /biểu thức] ]; } } − FunctionName: FunctionName: là tên hàm do người lập trình đặt. Qui tắc đặt tên là tên hàm do người lập trình đặt. Qui tắc đặt tên hàm giống như tên biến. hàm giống như tên biến. − Sau Sau FunctionName FunctionName là cặp dấu ngoặc ( ) chứa danh sách tham số là cặp dấu ngoặc ( ) chứa danh sách tham số hình thức. hình thức. − Nếu hàm không có tham số thì sau FunctionName cũng phải có Nếu hàm không có tham số thì sau FunctionName cũng phải có cặp dấu ngoặc ( ) cặp dấu ngoặc ( ) − List_Parameter: List_Parameter: là danh sách các tham số hình thức, nếu có nhiều là danh sách các tham số hình thức, nếu có nhiều tham số có thì các tham số phải cách nhau bởi dấu phẩy, các tham tham số có thì các tham số phải cách nhau bởi dấu phẩy, các tham số này không chỉ ra kiểu dữ liệu cụ thể và cũng không cần từ khoá số này không chỉ ra kiểu dữ liệu cụ thể và cũng không cần từ khoá var. var. − Câu lệnh Câu lệnh return: return: để kết thúc hàm. nếu hàm có giá trị trả về thì để kết thúc hàm. nếu hàm có giá trị trả về thì return để trả về giá trị return để trả về giá trị − Sau Return có thể chứa hoặc không chứa một giá trị cụ thể hoặc Sau Return có thể chứa hoặc không chứa một giá trị cụ thể hoặc một biểu thức tính toán. một biểu thức tính toán. Ví dụ Ví dụ : : function Display(user , pwd) function Display(user , pwd) { { document.write(“UserName cua ban la:” + user) ; document.write(“UserName cua ban la:” + user) ; document.write(“Password cua ban la:” + pwd) ; document.write(“Password cua ban la:” + pwd) ; return ; return ; } } Cách gọi hàm: Cách gọi hàm: Hàm sẽ không thực hiện cho đến khi nó được gọi. Hàm sẽ không thực hiện cho đến khi nó được gọi. − Đối với hàm có đối số ta gọi tên hàm và danh sách các giá trị Đối với hàm có đối số ta gọi tên hàm và danh sách các giá trị truyền cho đối số đó truyền cho đối số đó FunctionName(argument1,argument2,etc) FunctionName(argument1,argument2,etc) − Đối với hàm không có đối số ta chỉ cần gọi tên hàm Đối với hàm không có đối số ta chỉ cần gọi tên hàm FunctionName() FunctionName() − Đối với hàm không có giá trị trả về : Đối với hàm không có giá trị trả về : NameFunction(parameter) NameFunction(parameter) . . − Đối với hàm có giá trị trả về Đối với hàm có giá trị trả về : : phải gán giá trị trả về cho biến phải gán giá trị trả về cho biến variable= NameFunction(parameter) variable= NameFunction(parameter) . . Ví dụ: Ví dụ: <html> <html> <head><title>Function</title></head> <head><title>Function</title></head> <body> <body> <script> <script> function tong(a , b) function tong(a , b) { { c=a+b; c=a+b; document.write(c); document.write(c); } } tong(2,3); tong(2,3); </script> </script> </body></html> </body></html> CÁC HÀM THÔNG DỤNG TRONG JAVASCRIPT CÁC HÀM THÔNG DỤNG TRONG JAVASCRIPT Hàm alert(): Hàm alert(): dùng hiển thị một hộp thông báo có nút OK dùng hiển thị một hộp thông báo có nút OK Cú pháp Cú pháp : : alert(“nội dung thông báo”) alert(“nội dung thông báo”) Ví dụ Ví dụ : : <html><head><title>Function</title></head> <html><head><title>Function</title></head> <body> <body> <script> <script> alert("Hello World") alert("Hello World") </script> </script> </body></html> </body></html> Hàm prompt(): Hàm prompt(): Tạo hộp thoại chứa 2 nút OK ,Cancel và một Tạo hộp thoại chứa 2 nút OK ,Cancel và một textbox để người sd nhập nội dung, giá trị trả về của hàm prompt textbox để người sd nhập nội dung, giá trị trả về của hàm prompt là nội dung nhập trong textbox là nội dung nhập trong textbox Cú pháp Cú pháp : : prompt(“nội dung đối thoại”,giá trị khởi tạo); prompt(“nội dung đối thoại”,giá trị khởi tạo); ví dụ ví dụ : : <script> <script> a=prompt("Your Lastname:"); a=prompt("Your Lastname:"); b=prompt("Your FirstName:"); b=prompt("Your FirstName:"); document.write("Your FullName is :"+ a + ' ' + b) document.write("Your FullName is :"+ a + ' ' + b) </script> </script> Hàm confirm(): Hàm confirm(): Hiển thị hộp thông báo có 2 nút OK và Cancel. Hiển thị hộp thông báo có 2 nút OK và Cancel. Hàm trả về giá trị true nếu người sử dụng click OK và ngược lại Hàm trả về giá trị true nếu người sử dụng click OK và ngược lại thì trả về giá trị false thì trả về giá trị false . . Cúp pháp Cúp pháp : : variable=confirm(“Chuoi thong bao”); variable=confirm(“Chuoi thong bao”); Ví dụ: Ví dụ: <script> <script> a=prompt("nhap so a :"); a=prompt("nhap so a :"); b=prompt("nhap so b"); b=prompt("nhap so b"); c=confirm( a +' lon hon '+ b+'?') c=confirm( a +' lon hon '+ b+'?') if(c= =true) document.write( a +" > "+b ) if(c= =true) document.write( a +" > "+b ) else else document.write( a +" < "+b ) document.write( a +" < "+b ) </script> </script> Các hàm thông dụng của chuổi và số: Các hàm thông dụng của chuổi và số: Hàm eval(): Hàm eval(): Trả về giá trị số của một chuổi số Trả về giá trị số của một chuổi số Cú pháp Cú pháp : : eval(chuổi số) eval(chuổi số) Ví dụ Ví dụ : : <script> <script> var str1=”123”, str2=”456”; var str1=”123”, str2=”456”; str= str1+str2; str= str1+str2; document.write(str); document.write(str); kết quả :123456 kết quả :123456 </script> </script> [...]... thời gian: Hàm setTimeout( ): Báo cho JavaScript thực hiện một lệnh JavaScript sau một khoảng thời gian nào đó − Hàm trả về một ID (duy nhất đối với mỗi hàm setTimeout thực hiện một lệnh) − Giá trị ID này dùng để xoá khoảng thời gian đã thiết lập nếu không cần thực hiện hàm Timeout nữa Cú pháp: IdTime=setTimeout(“Command JavaScript , delayTime); − Command JavaScript : có thể là lời gọi hàm hoặc là... Timeout nữa Cú pháp: IdTime=setTimeout(“Command JavaScript , delayTime); − Command JavaScript : có thể là lời gọi hàm hoặc là một câu lệnh đơn − delayTime :là khoảng thời gian chờ để thi hành Command JavaScript, được tính bằng mili giây Ví dụ: Idq=setTimeout(“alert(‘Đã hết giờ’)”,1000) ; Cứ 1000 mili giây thì thông báo đã hết giờ một lần Hàm clearTimeout():Huỷ thời gian đã thiết lập bởi setTimeout() . setTimeout( ) : Báo cho JavaScript thực hiện một lệnh : Báo cho JavaScript thực hiện một lệnh JavaScript sau một khoảng thời gian nào đó. JavaScript sau một. IdTime=setTimeout(“Command JavaScript , delayTime); IdTime=setTimeout(“Command JavaScript , delayTime); − Command JavaScript Command JavaScript : có thể là