bài 6 – phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · quá trình thực...
TRANSCRIPT
![Page 1: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/1.jpg)
Lập trình và Thiết kế Web 1
© 2007 Khoa Công nghệ thông tin
KhoaKhoa CNTT CNTT –– ĐH ĐH.KHTN.KHTN
Bài 6 – Phần 1/2
NgônNgôn ngngữữ Script Script –– JavascriptJavascript & & VBscriptVBscript
![Page 2: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/2.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
NNộộii dungdung
DHTML
Ngôn ngữ Script
Javascript
VBscript
![Page 3: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/3.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
NNộộii dungdung
DHTML
Ngôn ngữ Script
Javascript
VBscript
![Page 4: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/4.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
DHTMLDHTML
DHTML = Dynamic HyperText Markup Language
DHTML = HTML + CSS + ClientScript + HTML DOM
Tích hợp các tính năng của các trình duyệt thế hệ thứ4 (IEv5, Netscape 4, Firefox 2.0+, Opera 7.0, …)
![Page 5: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/5.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
NNộộii dungdung
DHTML
Ngôn ngữ Script
Javascript
VBscript
![Page 6: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/6.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
NgônNgôn ngngữữ Script Script –– GiGiớớii thithiệệuu
Là ngôn ngữ dạng thông dịch
Giúp trang web có tính tương tác với người dùng
Các ngôn ngữ script thông dụng– Javascript (Netscape)
– Jscript (Microsoft)
– VBScript (Microsoft)
![Page 7: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/7.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
NgônNgôn ngngữữ Script Script -- ỨỨngng ddụụngng ClientSideClientSide vvàà ServerSideServerSide
Ứng dụng Client-Side: – Thực hiện tại Browser (Nescape Navigator, IE, Firefox, Safari, ...)
– Script tại Client-Side (Thực hiện các tương tác với người dùng, thayđổi cấu trúc trang web, kiểm tra dữ liệu được nhập vào của ngườidùng, …)
Ứng dụng Server-Side: – Thực hiện tại WebServer (IIS, Netscape Enterprise Server, ….)
– Script tại Server-Side (kết nối CSDL, chia sẽ thông tin giữa cácngười duyệt web, truy cập hệ thống file trên server, …)
![Page 8: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/8.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
NgônNgôn ngngữữ Script Script –– QuQuáá trtrììnhnh ththựựcc hihiệệnn script script ttạạii serverserver
Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn:– Tạo trang Web có chứa cả Srcipt Client-Side và Script
Server-Side
– Khi Client browser yêu cầu thực hiện, server (run-time engine) sẽ thực hiện các lệnh Server-side Scipts và trả trang Web HTML về browser
![Page 9: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/9.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
Ngôn ngữ script – Nhúng Script vào trang web
Định nghĩa script trực tiếp<script type=“text/javascript”>
<!--
// Lệnh Javascript
-->
</script>
Nhúng script từ 1 file khác<script src=“xxx.js”></script>
Định nghĩa script trực tiếp<script type=“text/vbscript”>
<!--
‘ Lệnh VBScript
-->
</script>
Nhúng script từ 1 file khác<script src=“xxx.vbs”></script>
![Page 10: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/10.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
NgônNgôn ngngữữ script script –– VVịị trtríí đđặặtt script script trongtrong HTMLHTML
Đặt giữa tag <head> và </head>: đoạn script sẽ thựcthi ngay khi trang web được mở.
Đặt giữa tag <body> và </body>: Đoạn script trongphần body được thực thi khi trang web đang mở (saukhi thực thi các đoạn script có trong phần <head>).
Số lượng đoạn script không hạn chế.
![Page 11: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/11.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
NhNhúúngng JavascriptJavascript vvààoo trangtrang webweb<html>
<head>
<script type="text/javascript">
some statements
</script>
</head>
<body>
<script type="text/javascript">
some statements
</script>
<script src=“Tên_file_script.js"> </script>
</body>
</html>
<script type="text/<script type="text/javascriptjavascript"> "> some statementssome statements
</script> </script>
![Page 12: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/12.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
VD: VD: NhNhúúngng JavascriptJavascript vvààoo trangtrang webweb
<html>
<body>
document.write(“Hello world!”);
<script type="text/javascript">
document.write(“Hello world!”);
</script>
</body>
</html>
![Page 13: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/13.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
NNộộii dungdung
DHTML
Ngôn ngữ Script
Javascript
VBScript
![Page 14: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/14.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– NNộộii dungdung
Cú pháp và quy ước
Một số cấu trúc lập trình cơ bản– Khai báo biến
– Kiểu dữ liệu
– Toán tử
– Một số đối tượng dữ liệu
– Cấu trúc điều khiển
– Hàm
– Lớp đối tượng
![Page 15: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/15.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– NNộộii dungdung
Cú pháp và quy ước
Một số cấu trúc lập trình cơ bản– Khai báo biến
– Kiểu dữ liệu
– Toán tử
– Một số đối tượng dữ liệu
– Cấu trúc điều khiển
– Hàm
– Lớp đối tượng
![Page 16: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/16.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– CCúú phpháápp vvàà quyquy ưướớccJavascript phân biệt chữ hoa – chữ thường– Ví dụ : Hai biến Java, java là khác nhau
Tất cả các câu lệnh javascript đều cách nhau bởi dấu “;”
Không phân biệt khoảng trắng, Tab, xuống dòng trong câu lệnh.
Chuổi và dấu nháy– Chuổi trong javascript được đặt trong cặp nháy đơn (‘’) hoặc nháy kép
(“”)– Ví dụ :
<input value = ‘He said “Javascript is good” ’><input type=“button” value=“Click Me!” onclick=“alert(‘Hello’);”
![Page 17: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/17.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– CCúú phpháápp vvàà quyquy ưướớcc
Ký tự ‘\’ :
Ví dụ : ‘You did\’t get that done’
Các loại dấu ngoặc :
\b : Backspace \’ : Dấu nháy đơn \t : tab\f : Form feed \” : Dấu nháy kép\n : New line \r : carriage return
{ } Đánh dấu khối lệnh[ ] Sử dụng trong cấu trúc Mảng( ) Sử dụng trong hàm, thuộc tính đối tượng
![Page 18: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/18.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– CCúú phpháápp vvàà quyquy ưướớccGhi chú : Theo cú pháp ghi chú của C++// Đây là ghi chú/* Đây là ghi
chú nhiều dòng*/
Tên biến và hàm :– Bắt đầu bằng Ký tự (A..Z, a..z), _, $– Không được bắt dầu bằng ký số (0..9)– Không có khoảng trắng giữa tên (biến hoặc hàm)– Không được đặt tên trùng từ khóa– Ví dụ : x x13 _money $moneyadd_two_num(….) addTwoNum(…..)
![Page 19: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/19.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– DanhDanh ssááchch ttừừ khkhóóaa
![Page 20: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/20.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– NNộộii dungdung
Cú pháp và quy ước
Một số cấu trúc lập trình cơ bản– Khai báo biến
– Kiểu dữ liệu
– Toán tử
– Một số đối tượng dữ liệu
– Cấu trúc điều khiển
– Hàm
– Lớp đối tượng
![Page 21: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/21.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– KhaiKhai bbááoo bibiếếnn
Khai báo biến bằng từ khóa var
Javascript đòi hỏi các biến phải được khai báo trước khisử dụng
Thật sự tồn tại khi bắt đầu gán giá trị cho biến lần đầu tiên
Ví dụ :var x ;
var y, sum ;
var x = 1, y = -10, sum = 0;
![Page 22: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/22.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– NNộộii dungdung
Cú pháp và quy ước
Một số cấu trúc lập trình cơ bản– Khai báo biến
– Kiểu dữ liệu
– Toán tử
– Một số đối tượng dữ liệu
– Cấu trúc điều khiển
– Hàm
– Lớp đối tượng
![Page 23: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/23.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– KiKiểểuu ddữữ liliệệuuKiểu dữ liệu Ví dụ Mô tảObject var listBooks = new Array(10) ; Trước khi sử dụng, phải cấp phát
bằng từ khóa new
String “The cow jumped over the moon.”“40”
Chứa được chuổi unicodeChuổi rỗng “”
Number 0.06621812
Theo chuẩn IEEE 754
boolean true / false
undefined var myVariable ; myVariable = undefined
null connection.Close(); connection = null
function var add = new function("x", "y", "return(x+y)");
add(2, 3);
functionName = new function( [argname1, [... argnameN,]] body);
1 Biến trong javascript có thể lưu bất kỳ kiểu dữ liệu nào.
![Page 24: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/24.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– KiKiểểuu ddữữ liliệệuu
var a = 10;
document.write(a + “<br>”);
a = a + “10” ;
document.write(a);
![Page 25: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/25.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– NNộộii dungdung
Cú pháp và quy ước
Một số cấu trúc lập trình cơ bản– Khai báo biến
– Kiểu dữ liệu
– Toán tử
– Một số đối tượng dữ liệu
– Cấu trúc điều khiển
– Hàm
– Lớp đối tượng
![Page 26: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/26.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– ToToáánn ttửử
Loại Toán tử Ví dụToán học + - * / % ++ --
So sánh < > <= >= != ==
Luận lý && || ?: ,
Xử lý bit ~ << >> >>> & (and) | (or) ^ (xor)
Gán = += -= *= /= %= >>= <<= &= |= ^=
![Page 27: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/27.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– NNộộii dungdung
Cú pháp và quy ước
Một số cấu trúc lập trình cơ bản– Khai báo biến
– Kiểu dữ liệu
– Toán tử
– Một số đối tượng dữ liệu
– Cấu trúc điều khiển
– Hàm
– Lớp đối tượng
![Page 28: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/28.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– MMộộtt ssốố đđốốii tưtượợngng ddữữ liliệệuu
String Object
Number Object
Date Object
Math Object
Array Object
ActiveX Object
![Page 29: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/29.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– String . String . ThuThuộộcc ttíínhnh
length : chiều dài của chuổi
constructor : Dùng để kiểm tra kiểu của biến
prototype : Bổ sung prototype hàm cho một đối tượng
Nối kết các chuỗi bằng toán tử +
![Page 30: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/30.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– String . String . ThuThuộộcc ttíínhnh . . VVíí ddụụ
![Page 31: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/31.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– String . String . ThuThuộộcc ttíínhnh . . VVíí ddụụ
![Page 32: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/32.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
anchorbigblinkboldcharAtcharCodeAtconcatfixedfontcolorfontsize
replacesearchslice small split strike sub substrsubstring
fromCharCodeindexOfitalics lastIndexOflink localeComparematch
sup toLocaleLowerCasetoLocaleUpperCasetoLowerCasetoUpperCasetoStringvalueOf
JavascriptJavascript –– String . String . PhươngPhương ththứứcc
![Page 33: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/33.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTNĐHKHTN-CNTT-Lương HánCơ
33
JavascriptJavascript –– String . String . PhươngPhương ththứứcc
![Page 34: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/34.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTNĐHKHTN-CNTT-Lương HánCơ
34
JavascriptJavascript –– String . String . PhươngPhương ththứứcc
![Page 35: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/35.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– String String –– vvíí ddụụ
![Page 36: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/36.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– NumberNumber
Kiểu dữ liệu số nguyên, số thực
Bắt đầu bằng ký số “0” : Số nguyên hệ bát phân
Bắt đầu bằng “0x” : Số nguyên hệ thập lục phân
VD : Cho biết giá trị thập phân tương ứng của cácnumber sau :– 125 = ?
– 010 = ? 014 = ? 028 = ?
– 0xFF = ? 0x3.12 = ?
![Page 37: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/37.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– Number . Number . ThuThuộộcc ttíínhnh
constructor
prototype
MAX_VALUE (khoảng = 1.79E+308)
MIN_VALUE (khoảng = 5.00E-324)
NaN
NEGATIVE_INFINITY ( = - MAX_VALUE)
POSITIVE_INFINITY (= - MIN_VALUE)
![Page 38: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/38.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– Number . Number . PhươngPhương ththứứcctoExponentialnumObj.toExponential([fractionDigits])
toFixednumObj.toFixed([fractionDigits])
toPrecisionnumObj.toPrecision ([precision])
toStringobjectname.toString([radix])radix : [2; 8; 10; 16]
![Page 39: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/39.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– Number . Number . PhươngPhương ththứứcc . . VVíí ddụụ
![Page 40: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/40.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript -- MMộộtt ssốố hhààmm chuychuyểểnn kikiểểuu gigiáá trtrịịChuyển chuổi thành số
parseInt(); parseFloat();parseInt(“42”) // result = 42parseInt(“42.33”) // result = 42parseFloat(“42.33”) // result = 42.333 + 3 + parseInt(“3”) // result = 9
Chuyển số thành chuỗi (auto):3 + “3” // result = “33”3 + 3 + “3” // result = “63”(“” + 2500) // result = “2500”(“” + 2500).length // result = 4
isNaN(number) true nếu number khác NaNisFinite(number) true nếu number khác NaN, NEGATIVE_INFINITY, POSITIVE…
![Page 41: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/41.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript -- MathMath
Thuộc tính :E LN2 LN10 LOG2E LOG10E PI SQRT1_2SQRT2
abs
acos
asin
atan
atan2
ceil
cos
exp
floor
log
max
min
pow
random
round
sin
sqrt
tan
Phương thức :
![Page 42: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/42.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript -- MathMath
Ví dụ:
var x = Math.random();
document.write(x); // x = 0 1
![Page 43: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/43.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– Date . Date . ThuThuộộcc ttíínhnh
var dateObj = new Date()
var dateObj = new Date(dateVal)
var dateObj = new Date(year, month, date[,hours[,minutes[,seconds[,ms]]]])
var dateObj = new Date(dateString)
var dateObj = new Date(miliseconds);
// since midnight on Jan 1, 1970
![Page 44: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/44.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– Date . Date . PhươngPhương ththứứccgetDate
getDay
getFullYear
getHours
getMilliseconds
getMinutes
getMonth
getSeconds
getTime
getTimezoneOffset
getVarDate
getYear
setDate
setFullYear
setHours
setMilliseconds
setMinutes
setMonth
setSeconds
setTime
setYear
parse
toDateString
toGMTString
toLocaleDateString
toLocaleString
toLocaleTimeString
toString
toTimeString
toUTCString
![Page 45: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/45.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript -- ArrayArrayvar arrayObj = new Array()
var arrayObj = new Array([size])
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]])
var arrayObj = new Array(Array)
Chỉ số mảng bắt đầu bằng chỉ mục 0
concatjoin pop push reverse shift
slice sort splice toStringunshift
lengthconstructorprototype
![Page 46: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/46.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript -- ArrayArrayVVíí ddụụ::
varvar myListmyList = new Array();= new Array();
myList[0] = 11;myList[0] = 11;
myList[1] = 22;myList[1] = 22;
myList[2] = myList[2] = ““HelloHello””;;
for (i=0; i<for (i=0; i<myList.lengthmyList.length; i++); i++)
{{
document.write(myList[idocument.write(myList[i] + ] + ““--””););
}}
![Page 47: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/47.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript -- ArrayArrayVVíí ddụụ::
varvar myListmyList = new Array();= new Array();
myList[0] = 11;myList[0] = 11;
myList[1] = 22;myList[1] = 22;
myListmyList[4][4] = = ““HelloHello””;;
document.writedocument.write( ( myList.lengthmyList.length + + ““<<brbr>>””););
for (i=0; i<for (i=0; i<myList.lengthmyList.length; i++); i++)
{{
document.write(myList[idocument.write(myList[i] + ] + ““--””););
}}
![Page 48: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/48.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript -- ArrayArray
VVíí ddụụ::varvar myListmyList = new Array();= new Array();
myList[0] = 11;myList[0] = 11;
myList[1] = 22;myList[1] = 22;
myListmyList[4][4] = = ““HelloHello””;;
delete myList[1];delete myList[1];
delete myList[2];delete myList[2];
document.writedocument.write( ( myList.lengthmyList.length + + ““<<brbr>>””););
for (i=0; i<for (i=0; i<myList.lengthmyList.length; i++){; i++){
document.write(myList[idocument.write(myList[i] + ] + ““--””););
}}
![Page 49: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/49.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– Array . Array . PhươngPhương ththứứcc
![Page 50: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/50.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– Array Array nhinhiềềuu chichiềềuu
Ví dụ về mảng 2 chiềuvar i,j;
var MyArray = new Array(2);
for (i=0; i<MyArray.length; i++)
MyArray[i] = new Array(3);
MyArray[0][0] = "Ryan Dias"; MyArray[0][1] = 1; MyArray[0][2] = "Photoshop";
MyArray[1][0] = "Mike Donne"; MyArray[1][1] = 2; MyArray[1][2] = ".NET";
for (i=1; i>=0; i--)
for (j=2; j>=0; j--)
document.write(“ “ + MyArray[i][j]);
JavaScript hỗ trợ đến 60 chiều
![Page 51: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/51.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– ActiveX ObjectActiveX ObjectCú pháp :
newObj = new ActiveXObject(servername.typename[, location])
Obj = GetObject([pathname] [, class])
ActiveX - Dictionary:var y = new ActiveXObject("Scripting.Dictionary");y.add ("a", "test");if (y.Exists("a"))
document.write("true");
ActiveX - FileSystemObject :var fso = new ActiveXObject("Scripting.FileSystemObject");var a = fso.CreateTextFile("c:\\testfile.txt", true);a.WriteLine("This is a test.");a.Close();
![Page 52: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/52.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– NNộộii dungdung
Cú pháp và quy ước
Một số cấu trúc lập trình cơ bản– Khai báo biến
– Kiểu dữ liệu
– Toán tử
– Một số đối tượng dữ liệu
– Cấu trúc điều khiển
– Hàm
– Lớp đối tượng
![Page 53: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/53.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– CCấấuu trtrúúcc điđiềềuu khikhiểểnn
Điều kiện if
Điều khiển switch
Vòng lặp for
Vòng lặp while
Vòng lặp do.. While
Vòng lặp for …. in
Từ khóa : break, continue
![Page 54: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/54.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– ĐiĐiềềuu kikiệệnn ififif (condition) {
statement[s] if true} else{
statement[s] if false}
Ví dụ:
var x = 5, y = 6, z;
- if (x == 5) { if (y == 6) z = 17; } else z = 20;
- if (x == 5) z = 7; y = 42; else z = 19;
![Page 55: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/55.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– ĐiĐiềềuu khikhiểểnn switchswitchswitch (expression)
{
case label :
statementlist
case label :
statementlist
...
default :
statementlist
}
Ví dụ :var diem = “G”;switch (diem) {
case “Y”:document.write(“Yếu");break;
case “TB”:document.write(“Trung bình");break;
case “K”:document.write(“Khá");break;
case “G” :document.write(“Giỏi");break;
default:document.write(“Xuất sắc")
}
![Page 56: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/56.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– VòngVòng llặặpp forfor
for ([initial expression]; [condition]; [update expression]) {
statement[s] inside loop
}
Ví dụ:var myarray = new Array();for (i = 0; i < 10; i++) {
myarray[i] = i;}
![Page 57: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/57.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– VòngVòng llặặpp whilewhilewhile (expression)
{
statements
}
Ví dụ:
var i = 9, total = 0;
while (i < 10){
total += i * 3 + 5;
i = i +5;
}
![Page 58: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/58.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– VòngVòng llặặpp dodo……whilewhile
do{
statement
} while (expression);
Ví dụ:var i = 9, total = 0;
do{
total += i * 3 + 5;i = i +5;
} while (i > 10);
![Page 59: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/59.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascripJavascrip –– VòngVòng llặặpp for for …… ininfor (variable in [object | array])
{statements
}
Ví dụ:var a = new Array(2);a[0] = 10; a[1] = 20;var e, i = 0, b = new Array(2);for (e in a) {
b[i] = e / 10 - 1;i++;
}
![Page 60: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/60.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– NNộộii dungdung
Cú pháp và quy ước
Một số cấu trúc lập trình cơ bản– Khai báo biến
– Kiểu dữ liệu
– Toán tử
– Một số đối tượng dữ liệu
– Cấu trúc điều khiển
– Hàm
– Lớp đối tượng
![Page 61: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/61.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– HHààmm
DDạạngng ththứứcc khaikhai bbááoo chungchung::function Tên_hfunction Tên_hààm(thamso1, thamso2,..)m(thamso1, thamso2,..){{
………………}}
HHààmm ccóó gigiáá trtrịị trtrảả vvềề::function Tên_hfunction Tên_hààm(thamso1, thamso2,..)m(thamso1, thamso2,..){{
………………return (value);return (value);
}}
![Page 62: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/62.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– HHààmm –– VVíí ddụụ
VVíí ddụụ::function function Sum(xSum(x, y), y){{
tong = x + y;tong = x + y;return tong;return tong;
}}
GGọọii hhààmm::varvar x = Sum(10, 20);x = Sum(10, 20);
![Page 63: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/63.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript –– NNộộii dungdung
Cú pháp và quy ước
Một số cấu trúc lập trình cơ bản– Khai báo biến
– Kiểu dữ liệu
– Toán tử
– Một số đối tượng dữ liệu
– Cấu trúc điều khiển
– Hàm
– Lớp đối tượng
![Page 64: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/64.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript -- LLớớpp đđốốii tưtượợngngKhaiKhai bbááoo llớớpp::
functionfunction Tên_lTên_lớớpp()(){{
////KhaiKhai bbááoo bibiếếnn ththàànhnh viênviênthis.bien1 = value;this.bien1 = value;this.bien2 = value; this.bien2 = value;
}}
ĐĐịịnhnh nghnghĩĩaa hhààmm ththàànhnh viênviên ccủủaa llớớpp::// // KhaiKhai bbááoo phươngphương ththứứcc ccủủaa llớớpp
Tên_lTên_lớớpp..prototypeprototype..Ten_phuongthucTen_phuongthuc = function(= function(……)){{
…………//return value;//return value;
}}
![Page 65: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/65.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavascriptJavascript -- LLớớpp đđốốii tưtượợngng// // KhaiKhai bbááoo llớớpp DiemDiem
function function DiemDiem()()
{{this.xthis.x = 0; = 0; this.ythis.y = 0;= 0;
}}
// // KhaiKhai bbááoo llớớpp DoanThangDoanThang
function function DoanThangDoanThang()()
{{this.this.diem1diem1 = new = new DiemDiem();();this.this.diem2 diem2 = new = new DiemDiem();();
}}
DoanThangDoanThang.prototype..prototype.Tinh_DodaiTinh_Dodai = function()= function()
{{varvar chieudaichieudai = new Number();= new Number();chieudaichieudai = = …… ……return return chieudaichieudai;;
}}
// // SSửử ddụụngng llớớppvarvar canhhuyencanhhuyen = new = new DoanThangDoanThang();();
…………
varvar x x = = canhhuyen.Tinh_Dodaicanhhuyen.Tinh_Dodai();();
![Page 66: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/66.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavaScript JavaScript -- LLớớpp đđốốii tưtượợngng –– KKếế ththừừaa (OOP)(OOP)function superClass() {
this.bye = superBye;this.hello = superHello;
}
function subClass() {this.inheritFrom = superClass;this.inheritFrom();this.bye = subBye;
}
function superHello() {return "Hello from superClass";
}
function superBye() {return "Bye from superClass";
}
function subBye() {return "Bye from subClass";
}
function printSub() {var newClass = new subClass();alert(newClass.bye());alert(newClass.hello());
}
![Page 67: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/67.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
JavaScript JavaScript -- LLớớpp đđốốii tưtượợngng –– KKếế ththừừaa (OOP)(OOP)function superClass() {
this.bye = superBye;this.hello = superHello;
}
function subClass() {this.bye = subBye;
}subClass.prototype = new superClass;
function superHello() {return "Hello from superClass";
}
function superBye() {return "Bye from superClass";
}
function subBye() {return "Bye from subClass";
}
function printSub() {var newClass = new subClass();alert(newClass.bye());alert(newClass.hello());
}
![Page 68: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/68.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
NNộộii dungdung
DHTML
Ngôn ngữ Script
Javascript
VBScript
![Page 69: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/69.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
69
VBScript VBScript -- GiGiớớii thithiệệuuVBScript là ngôn ngữ lập trình kiểu thông dịch dànhcho Web.Khi đoạn mã VBScript được chèn vào trangHTML thì trình duyệt Web sẽ thông dich và thực hiện
VBScript do Microsoft phát triển .Cú pháp của nó gầngiống như ngôn ngữ Visual Basic.
VBScript là ngôn ngữ script được viết phía client vànó chỉ được hổ trợ tốt nhất trên trình duyệt Internet Explore của Microsoft.
![Page 70: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/70.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
70
VBScript VBScript -- BiBiếếnn, , kikiểểuu ddữữ liliệệuu
Khai báo biến thông qua từ khóa dim– Dim x, y ,z– Dim a(10) ‘khai báo 1 mảng 1 chiều có 10 phần tử– Dim b(5,10) ‘khai báo mảng 2 chiều– Redim a(20) ‘khai báo lại mảng a, tăng thêm 10 phần tử
(vẫn giữ lại giá trị 10 phần tử đầu)
Kiểu dữ liệu– Khi khai báo, biến chỉ có 1 kiểu là variant– Các kiểu dữ liệu con (number, string, boolean, object, …) sẽđược gán cho biến khi sử dụng
![Page 71: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/71.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
71
VBScript VBScript -- CCấấuu trtrúúcc điđiềềuu kikiệệnn
If <biểu thức điều kiện> Then <Lệnh> End if
If <biểu thức điều kiện> Then....
Else...
End If
Select Case <Tên biến>Case <giá trị 1>....
Case <giá trị i>.....
Case Else......
End Select
![Page 72: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/72.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
72
VBScript VBScript -- CCấấuu trtrúúcc llặặpp
Do While <Biểu thức điều kiện>....
Loop
Do
....
Loop While <Biểu thức điều kiện>
While <Biểu thức điều kiện>...............
WEnd
![Page 73: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/73.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
73
VBScript VBScript -- CCấấuu trtrúúcc llặặpp
For <biến đếm>=<Chỉ số đầu> To <Chỉ số cuối>...............
Next
For <biến đếm>=<Chỉ số đầu> To <Chỉ số cuối> Step <Bước nhảy>...............
Next
For Each <biến> in <biến collection>
...
Next
![Page 74: Bài 6 – Phần1/2s1.downloadmienphi.net/file/downloadfile5/169/1388156.pdf · Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn: ... – Ví dụ: Hai biến](https://reader033.vdocuments.net/reader033/viewer/2022052709/5a787cdb7f8b9a7b698bc7e1/html5/thumbnails/74.jpg)
Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)
© 2007 Khoa CNTT - ĐHKHTN
74
VBScript VBScript -- HHààmm , , ththủủ ttụụcc
Function <tên hàm>(<danh sách các tham số>)...............
End Function
Sub <Tên thủ tuc>(<danh sách các tham số>) ....
End Sub