WebCourse-Lập trình Web Bài 6.1
Lập trình và Thiếtkế Web 1 © 2007 Khoa Công nghệ thông tin Khoa Khoa CNTT CNTT – – ĐH ĐH .KHTN .KHTN Bài 6 – Phần1/2 Ngôn Ngôn ng ng ữ ữ Script Script – – Javascript Javascript & & VBscript VBscript Lập trình và Thiếtkế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung DHTML Ngôn ngữ Script Javascript VBscript Lập trình và Thiếtkế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung DHTML Ngôn ngữ Script Javascript VBscript Lập trình và Thiếtkế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) © 2007 Khoa CNTT - ĐHKHTN DHTML DHTML DHTML = Dynamic HyperText Markup Language DHTML = HTML + CSS + ClientScript + HTML DOM Tích hợpcáctínhnăng của các trình duyệtthế hệ thứ 4 (IEv5, Netscape 4, Firefox 2.0+, Opera 7.0, …) Lập trình và Thiếtkế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung DHTML Ngôn ngữ Script Javascript VBscript Lập trình và Thiếtkế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) © 2007 Khoa CNTT - ĐHKHTN Ngôn Ngôn ng ng ữ ữ Script Script – – Gi Gi ớ ớ i i thi thi ệ ệ u u Là ngôn ngữ dạng thông dịch Giúp trang web có tính tương tác vớingười dùng Các ngôn ngữ script thông dụng – Javascript (Netscape) – Jscript (Microsoft) – VBScript (Microsoft) Lập trình và Thiếtkế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) © 2007 Khoa CNTT - ĐHKHTN Ngôn Ngôn ng ng ữ ữ Script Script - - Ứ Ứ ng ng d d ụ ụ ng ng ClientSide ClientSide v v à à ServerSide ServerSide Ứng dụng Client-Side: – Thực hiện tại Browser (Nescape Navigator, IE, Firefox, Safari, ) – Script tại Client-Side (Thựchiệncáctương tác vớingười dùng, thay đổicấu trúc trang web, kiểmtradữ liệu đượcnhậpvàocủangười dùng, …) Ứng dụng Server-Side: – Thực hiện tại WebServer (IIS, Netscape Enterprise Server, ….) – Script tại Server-Side (kếtnốiCSDL, chiasẽ thông tin giữacác người duyệt web, truy cậphệ thống file trên server, …) Lập trình và Thiếtkế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) © 2007 Khoa CNTT - ĐHKHTN Ngôn Ngôn ng ng ữ ữ Script Script – – Qu Qu á á tr tr ì ì nh nh th th ự ự c c hi hi ệ ệ n n script script t t ạ ạ i i server server 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 Lập trình và Thiếtkế 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ựctiế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ựctiếp <script type=“text/vbscript”> <! ‘Lệnh VBScript > </script> Nhúng script từ 1 file khác <script src=“xxx.vbs”></script> Lập trình và Thiếtkế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) © 2007 Khoa CNTT - ĐHKHTN Ngôn Ngôn ng ng ữ ữ script script – – V V ị ị tr tr í í đ đ ặ ặ t t script script trong trong HTML HTML Đặtgiữatag <head> và </head>: đoạn script sẽ thực thi ngay khi trang web đượcmở. Đặtgiữatag <body> và </body>: Đoạn script trong phần body đượcthực thi khi trang web đang mở (sau khi thực thi các đoạn script có trong phần <head>). Số lượng đoạn script không hạnchế. [...]... Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – String Phương thức ĐHKHTN-CNTT-Lương Hán Cơ © 2007 Khoa CNTT - ĐHKHTN 33 Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – String Phương thức ĐHKHTN-CNTT-Lương Hán Cơ © 2007 Khoa CNTT - ĐHKHTN 34 Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script... add_two_num(….) $money addTwoNum(… ) © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – Danh sách từ khóa © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – Nội dung 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... nào © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – Kiểu dữ liệu var a = 10; document.write(a + “”); a = a + “10” ; document.write(a); © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – Nội dung 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 –... Javascript VBScript © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – Nội dung 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 © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)... © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) VD: Nhúng Javascript vào trang web document.write(“Hello world!”); document.write(“Hello world!”); © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Nội dung DHTML... đối tượng © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – Toán tử Loại Toán tử Toán học + - * So sánh < Luận lý && Xử lý bit ~ > & (and) | (or) Gán = += -= *= /= %= >>= >> ^ (xor) © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript)... 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 © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – Một số đối tượng dữ liệu String Object Number Object Date Object Math Object Array Object ActiveX Object © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web. .. Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – String Thuộc tính Ví dụ © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – String Thuộc tính Ví dụ © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – String Phương thức anchor fromCharCode replace sup big... CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Javascript – Khai báo biến 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 khi sử 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; © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ...Lập trình và Thiết kế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) Nhúng Javascript vào trang web some statements some statements some statements . trình và Thiếtkế Web 1 – Bài 6 : Ngôn ngữ Script (Javascript & VBScript) © 2007 Khoa CNTT - ĐHKHTN Ngôn Ngôn ng ng ữ ữ Script Script - - Ứ Ứ ng ng d d ụ. 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