Bài giảng lập trình web ngôn ngữ javascript trong trang web trần phước tuấn

Ngôn ngữ JavaScript trang Web Trần Phước Tuấn tranphuoctuan.khoatoan.dhsp@gmail.com ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Nội dung Tổng quan Một ví dụ Ngôn ngữ JavaScript Một số hàm khác 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Tổng quan Giới thiệu DHTML § DHTML= Dynamic HyperTextMarkup Language § DHTML = HTML + CSS + ClientScript+ HTML DOM § Tích hợp tính trình duyệt hệ thứ (IEv5, Netscape4, Firefox2.0+, Opera 7.0, …) 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Tổng quan Ngôn ngữ Script § Là ngôn ngữ dạng thông dịch § Giúp trang web có tính tương tác tốt § Các ngôn ngữ script thông dụng –Javascript (Netscape) –Jscript (Microsoft) –VBScript (Microsoft) 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Tổng quan § Ứng dụng Client-Side: Side – Thực Browser (Nescape Navigator, IE, Firefox, Safari, ) – Script Client-Side: thực tương tác với người dùng, thay đổi cấu trúc trang web, kiểm tra liệu nhập vào người dùng, … § Ứng dụng Server-Side: Side – Thực WebServer (IIS, Apache, Netscape Enterprise Server, ….) – Script Server-Side: kết nối CSDL, chia thông tin người duyệt web, truy cập hệ thống file server, …) 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Tổng quan Qúa trình thực ứng dụng Server-Side § Tạo trang Web có chứa Srcipt Client-Side Script Server-Side § Khi Client browser yêu cầu thực hiện, server (run-time engine) thực lệnh Server-side Scipts trả trang Web HTML browser 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Tổng quan Vị trí đoạn Script § Đặt tag : đoạn script thực thi trang web mở § Đặt tag : Đoạn script phần body thực thi trang web mở (sau thực thi đoạn script có phần ) § Số lượng đoạn script không hạn chế 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Một ví dụ Sử dụng JavaScript document.write(“Hello world!”); document.write(“Hello world!”); 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn NGÔN NGỮ JAVASCRIPT ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Nội dung Giới thiệu Cú pháp quy ước Kiểu liệu Khai báo biến, phạm vi biến Toán tử Một số đối tượng liệu Cấu trúc điều khiển Hàm Lớp - Đối tượng 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 10 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng liệu - Array 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 42 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng liệu - Array 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 43 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng liệu - Array Mảng nhiều chiều 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 44 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng liệu - ActiveX 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 45 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng liệu - ActiveX Một ví dụ 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 46 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.7 Cấu trúc điều khiển § Điều kiện if § Điều khiển switch § Vòng lặp for § Vòng lặp while § Vòng lặp … while § Vòng lặp for … in § Từ khóa break, continue 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 47 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.7 Cấu trúc điều khiển § Hầu hết cấu trúc điều khiển JavaScript giống với C++ § Trong phần ta đề cập cấu trúc điều khiển JavaScript C++ 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 48 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.8 Hàm 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 49 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.8 Hàm 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 50 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.9 Lớp - Đối tượng 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 51 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.9 Lớp - Đối tượng 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 52 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Một số hàm khác 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 53 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Một số hàm khác 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 54 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Một số hàm khác alert(string); b_answer = confirm("Do you want to this?"); str_result = window.prompt(prompt string, default value string); 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 55 HẾT [...]... Thuộc tính 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 26 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng dữ liệu - String Phương thức 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 27 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng dữ liệu - String Phương thức 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 28 ĐẠI HỌ HỌC... là sản phẩm của Netscape Communications Corporation 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 11 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.1 Giới thiệu JavaScript là một ngôn ngữ lập trình hướng đối tượng dạng kịch bản: Không cần được biên dịch trước khi chạy, toàn bộ quá trình thông dịch sẽ diễn ra ngay trong quá trình đoạn kịch bản (script) được gọi Thuận lợi dễ dàng triển... chữ cái, số hay dấu gạch dưới, dấu dollar Không đặt tên trùng với từ khóa 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 19 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.3 Kiểu dữ liệu Biến trong JavaScript lưu bất kỳ giá trị của kiểu dữ liệu nào 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 20 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.4 Khai báo biến, phạm vi biến... trong hàm § Một biến toàn cục được tồn tại từ khi nó được khai báo cho đến trang web đã đóng § JavaScript không có khái niệm phạm vi theo khối 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 22 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.5 Toán tử 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 23 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng dữ liệu... HỌ HỌC 3.1 Giới thiệu § JavaScript và Java là hai ngôn ngữ hoàn toàn khác nhau Java là một ngôn ngữ lập trình “đầy đủ”, trong đó các ứng dụng cần được biên dịch trước khi thực thi Java là ngôn ngữ mạnh mẽ và phứ tạp hơn rất nhiều Java được sáng tạo bởi công ty Sun Micro System JavaScript không cần phải được biên dịch trước, cấu trúc lệnh đơn giản và là một ngôn ngữ kịch bản JavaScript là sản phẩm của... phụ thuộc vào trình duyệt web ở phía client tốc độ không cao 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 12 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.1 Giới thiệu JavaScript thường dùng tạo hiệu ứng cho các ảnh trong trang web trò chơi (game) trả lời các sự kiện: nhấn chuột, di chuyển chuột,… đọc và ghi các thẻ HTML kiểm tra tính xác thực của dữ liệu phát hiện trình duyệt được... được sử dụng để duyệt web tạo cookie 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 13 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.2 Cú pháp và quy ước § Javascript phân biệt chữ hoa – chữ thường § Các câu lệnh javascript 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 (‘’)... 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 14 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.2 Cú pháp và quy ước § Ghi chú: theo cú pháp của C++ – Ghi chú dòng: // – Ghi chú đoạn: /* … */ 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 15 ĐẠI HỌ HỌC SP TPHCM,... Object 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 24 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng dữ liệu - String Thuộc tính § 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ử + 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 25 ĐẠI HỌ HỌC... HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng dữ liệu - String Phương thức 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 29 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng dữ liệu - String Phương thức 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 30 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng dữ liệu - Number § Kiểu ... 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 35 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng liệu - Math 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn. .. 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 37 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.6 Một số đối tượng liệu - Date 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn. .. khiển JavaScript C++ 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 48 ĐẠI HỌ HỌC SP TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3.8 Hàm 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn