JAVASCRIPT & DOM HTML

Javascript là một ngôn ngữ lập trình phía trình duyệt xử lý có động cơ được nhúng vào trong các trình duyệt web như Internet Explorer, Netscape, trình duyệt Firefox, vv Điều này cho phép xử lý các động cơ để đọc và lĩnh hội các trang web có chứa các mã javascript khi duyệt qua.
Nội dung trích xuất từ tài liệu:
JAVASCRIPT & DOM HTMLJAVASCRIPT & DOM HTMLJAVASCRIPTNội dung Giới thiệu về Javascript Nhúng Javascript vào trang web Kiểu dữ liệu & cú pháp trong Javascript Xử lý sự kiện DOM HTML với Javascript Ví dụNội dung Giới thiệu về Javascript Nhúng Javascript vào trang web Kiểu dữ liệu & Các cú pháp Javascript Xử lý sự kiện DOM HTML với Javascript Ví dụGiới thiệu về JavascriptGi Là ngôn ngữ Client-side script hoạt động trên trình duyệt của người dùng ( client ) Chia sẻ xử lý trong ứng dụng web. Giảm các xử lý không cần thiết trên server. Giúp tạo các hiệu ứng, tương tác cho trang web.Giới thiệu về JavascriptGi Client-Side Script: Script được thực thi tại Client-Side ( trình duyệt ): Thực hiện các tương tác với người dùng ( tạo menu chuyển động, … ) , kiểm tra dữ liệu nhập, … Server-Side Script: Script được xử lý tại Server-Side, nhằm tạo các trang web có khả năng phát sinh nội dung động. Một số xử lý chính: kết nối CSDL, truy cập hệ thống file trên server, phát sinh nội dung html trả về người dùng…Giới thiệu về JavascriptGi Khi trình duyệt (Client browser) truy cập o trang web có chứa các đoạn mã xử lý tại server-side. Server ( run-time engine) sẽ thưc hiên cac lênh Server-side Scipts và trả ̣ ̣ ̣́ về nội dung HTML cho trình duyệt Nội dung html trả về chủ yếu bao gồm: mã html, client-script.Nội dung Giới thiệu về Javascript Nhúng Javascript vào trang web Kiểu dữ liệu & Các cú pháp Javascript Xử lý sự kiện DOM HTML với Javascript Ví dụNhúng Javascript vào trang webNhúngĐịnh nghĩa script trực tiếp trong trang html:Nhúng sử dụng script cài đặt từ 1 file .js khác:NhúngNhúng Javascript vào trang webNhúng script type=text/javascript> Nhúng Javascript vào trang webNhúng Đặt giữa tag và : script sẽ thực thi ngay khi trang web được mở. Đặt giữa tag và : script trong phần body được thực thi khi trang web đang mở (sau khi thực thi các đoạn script có trong phần ). Số lượng đoạn client-script chèn vào trang không hạn chế.VD: Nhúng Javascript vào trang webVD: document.write(“Hello world!”); document.write(“Hello world!”); document.write(“Hello Nội dung Giới thiệu về Javascript Nhúng Javascript vào trang web Kiểu dữ liệu & Các cú pháp Javascript Xử lý sự kiện DOM HTML với Javascript Ví dụBiến số trong JavascriptBi Cách đặt tên biến Bắt đầu bằng một chữ cái hoặc dấu _ A..Z,a..z,0..9,_ : phân biệt HOA, Thường phân Khai báo biến Sử dụng từ khóa var Ví dụ: var count=10,amount; var Không cần khai báo biến trước khi sử dụng, biến thật sự tồn tại khi bắt đầu sử dụng lần đầu Kiểu dữ liệu trong Javascript KiKiểu dữ liệu Ví dụ Mô tả Trước khi sử dụng, phải cấp phátObject var listBooks = new Array(10) ; bằng từ khóa new Chứa được chuổi unicodeString “The cow jumped over the moon.” Chuổi rỗng “” “40” Theo chuẩn IEEE 754Number 0.066218 12boolean true / falseundefined var myVariable ; myVariable = undefinednull connection.Close(); connection = nullĐổi kiểu dữ liệu Biến tự đổi kiểu dữ liệu khi giá trị mà nó lưu trữ thay đổiVí dụ: // x kiểu Number var x = 10; var // // x kiểu String x = “hello world !”; “hello // Có thể cộng 2 biến khác kiểu dữ liệuVí dụ: var x; x = “12” + 34.5; // KQ: x = “1234.5” “12” // Hàm parseInt(…), parseFloat(…) : Đổi KDL từ chuỗi sang số.Hàm trong JavascriptHàm Dạng thức khai báo chung: function Tên_hàm(thamso1, thamso2,..) { ……… } Hàm có giá trị trả về: function Tên_hàm(thamso1, thamso2,..) { ……… return (value); }Hàm trong JavascriptHàm Ví dụ: function Sum(x, y) { tong = x + y; return tong; } Gọi hàm: var x = Sum(10, 20);Các quy tắc chungCác Khối lệnh được bao trong dấu {} Mỗi lệnh nên kết thúc bằng dấu ; Cách ghi chú thích: // Chú thích 1 dòng /* Chú thích nhiều dòng */Câu lệnh ifif (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; Câu lệnh switch Ví dụ :switch (expression) var diem = “G”; switch (diem) {{ case “Y”: case label : document.write(“Yếu); break; statementlist case “TB”: case label : document.write(“Trung bình); break; statementlist case “K”: document.write(“Khá); ... break; default : case “G” : document.write(“Giỏi); statement list break;} default: docum ...