Javascript-1

Javascript Giáo viên: TS Trương Diệu Linh Bộ môn Truyền thông & Mạng linhtd@it-hut.edu.vn Bài giảng: www.iro.umontreal.ca/~truongtd/courses/web.htm Nội dung Giới thiệu Javascript Đưa Javascript vào HTML Kiểu liệu biến Các toán tử Các cấu trúc điều khiển Hàm Javascript Các kiện HTML Các đối tượng Javascript Giới thiệu Javascript Javascript: Là ngôn ngữ kịch Là ngôn ngữ thông dịch Được thiết kế để tăng khả tương tác với người dùng HTML Được nhúng trực tiếp vào trang HTML Chỉ đoạn mã lệnh máy tính thực Khơng phân biệt kiểu liệu C++ hay Java Nó khơng phân biệt rõ ràng kiểu xâu kí tự hay mảng Giới thiệu Javascript Javascript cho phép: Đưa đoạn mã chương trình động vào HTML Ví dụ hiển thị ngày tháng Trang web phản ứng lại với kiện Ví dụ người dùng nhấn vào nút bấm form liệu form kiểm tra Đọc viết thành phần HTML Giới thiệu Javascript Lịch sử Java đưa Sun nhằm nâng cao hỗ trợ khái niệm lập trình hướng đối tượng Livescript tạo Netscape nhằm đưa lập trình hướng đối tượng vào Web Về sau, đổi tên Javascript giống Java Microsoft khơng muốn đứng ngồi đưa JScript, phiên Javascript sở hữu riêng Microsoft Đưa Javascript vào HTML Ví dụ đơn giản alert(“Hello world”); Mã javascript viết bên thẻ … Đưa Javascript vào HTML Mã javascript đặt phần HEAD Đảm bảo script nạp trước người sử dụng dùng Script thực hàm gọi phần BODY • Dat loi goi ham ben the … Đưa Javascript vào HTML Mã javascript đặt phần BODY Script thực trang web nạp Script tạo nội dung trang web vị trí mà viết … Đưa Javascript vào HTML Đặt javascript file Mã lệnh javascript đặt file js Để sử dụng mã lệnh này, cần đường dẫn đến file trường src: File js sử dụng nhiều file HTML Khi gọi hàm hay thủ tục file js, lời gọi phải viêt thẻ … Đưa Javascript vào HTML Ví dụ HTML: hello() Javascript: function hello() { alert(“Hello world”); } 10 Câu lệnh Javascript Tương tự Java Mỗi câu lệnh kết thúc dấu ; Các câu lệnh nhóm với dấu { dấu } { document.write("This is a header"); document.write("

This is a paragraph

"); document.write("

This is another paragraph

"); } Ghi chú: // ghi gồm dòng /* ghi kéo dài nhiều dòng */ 11 Kiểu liệu Javascript Các kiểu liệu Kiểu boolean • giá trị: true, false Kiểu số • Số nguyên: – 2002  (cơ số 10) – 0xFF  (cơ số 16) • Số thực: – 3.1415926535 – 3.0E+8 Kiểu xâu kí tự • Chứa chuỗi kí tự tuỳ ý 12 Kiểu liệu Javascript • Các kí tự đặc biệt – – – – – – – \b: xoá kí tự trước \t: tab \n: xuống dịng \f: nhảy sang trang \”: “ \’: ’ \\: \ null: thiếu giá trị undefined: giá trị khơng định kiểu Một số tính chất infinity: giá trị vô lớn NaN: biểu diễn kết phép tốn khơng hợp lệ Ví dụ chia cho 13 Biến Javascript Các biến đơn Là đơn vị nhớ lưu trữ liệu truy cập qua định danh Quy tắc tên biến • phân biệt chữ hoa chữ thường • Bắt đầu chữ “_” • Khác với từ khố Javascript Cách khai báo • var ten_bien= gia_tri; • ten_bien = gia_tri; Kiểu liệu khơng đặc tả khai báo Thời gian sống biến –Life time 14 Biến Javascript Ví dụ: Các biến nhận giá trị kiểu boolean • var fini = false; • termine = true; • non_non = (0 == 1); Các biến kiểu số: • var nam = 2002, thang = 3, = 30; • n = 27; Các biến kiểu xâu: • var ten = “Jean-Claude”; • ho = "Nadeau\n"; • var titre = new String(“Day la mot xau ki tu"); 15 Các từ khoá Javascript 16 Các từ khoá Javascript 17 Biến mảng Khai báo var mang_m = new Array(n);   n: số phần tử Khởi tạo var liste = [9, 27, "Allo", 54, 33]; k = liste[0] + liste[4]; Có thể đặt tên cho phần tử mảng thay đánh số chúng table[“thu_nhat"] = 1; table[“thu_hai"] = “Vi tri thu 2"; Một phần tử mảng mảng khác var matrix = new Array(3); matrix[0] = new Array(3); matrix[1] = new Array(3); matrix[2] = new Array(3); matrix[0][1][1] = 18; var multi = [1, 3, [2, 4], 9, 78]; 18