THUYẾT TRÌNH JAVASCRIPT Các Thành Viên Của Nhóm Nguyễn Công Danh Đinh Vũ Trường Giang Lý Hoàng Chương Hoàng Minh Hải
JavaScript là gì JavaScript được thiết kế để thêm tương tác cho các trang HTML. Một ngôn ngữ lập trình kịch bản là 1 ngôn ngữ lập trình nhẹ. JavaScript thường được nhúng trực tiếp vào trong các trang HTML. JavaScript là 1 ngôn ngữ thông dịch(interpreted language)-có nghĩa là các script thực thi mà không có sự biên dịch sơ bộ.
JavaScript có thể làm gì JavaScript cung cấp cho các nhà thiết kế HTML 1 công cụ lập trình - các tác giả viết HTML thường không phải là các lập trình viên, nhưng JavaScript là 1 ngôn ngữ kịch bản với cấu trúc rất đơn giản! Hầu như bất cứ ai cũng có thể đặt 1 đoạn code nhỏ vào trong trang HTML của họ. JavaScript có thể đặt các đoạn text động vào trong 1 trang HTML - Một chỉ thị JavaScript như sau: document.write("<h1>" + name + "</h1>") có thể viết 1 biến text vào 1 trang HTML. JavaScript có thể phản ứng với các xự kiện - JavaScript có thể thiết lập thực thi khi có 1 việc gì đó xảy ra, như khi 1 trang đã được load xong hoặc khi người dùng click vào 1 phần tử HTML.
JavaScript có thể đọc và viết các phần tử HTML(HTML elements) - JavaScript có thể đọc và thay đổi nội dung của 1 phần tử HTML. JavaScript có thể được sử dụng để ràng buộc dữ liệu(validate data) - JavaScript có thể được sử dụng để ràng buộc dữ liệu của form trước khi nó được gửi đến server. JavaScript có thể sử dụng để nhận biết trình duyệt của người truy cập - JavaScript có thể được sử dụng để nhận biết trình duyệt của người truy cập, và - tùy thuộc vào trình duyệt - tải một trang khác được thiết kế đặc biệt cho trình duyệt. JavaScript có thể được sử dụng để tạo các cookie - Một mã JavaScript có thể được sử dụng để lưu trữ và lại thông tin trên máy tính của người truy cập
Đối tượng Kiểu của JavaScript được chia ra làm hai loại: kiểu cơ bản và đối tượng. Đối tượng trong JavaScript là một thực thể có tên xác định và có thuộc tính trỏ đến giá trị, hàm hoặc cũng có thể là một đối tượng khác. Có nghĩa là, đối tượng trong JavaScript là một mảng kết hợp (associative array) tương tự như mảng trong PHP hay từ điển trong Python JavaScript có một số đối tượng định nghĩa sẵn, bao gồm mảng (Array), đối tượng đại số Bool (Boolean), đối tượng ngày tháng (Date), đối tượng hàm (Function), đối tượng toán học (Math), đối tượng số (Number), đối tượng đối tượng (Object), đối tượng biểu thức tìm kiếm (RegExp) và đối tượng chuỗi ký tự (String). Các đối tượng khác là đối tượng thuộc phần mềm chủ (phần mềm áp dụng JavaScript - thường là trình duyệt).
Ví dụ: <script language="JavaScript"> function samplePrototype() { this.attribute1 = "someValue"; // thêm một thuộc tính cho đối tượng this.attribute2 = 234; // thêm thuộc tính nữa cho đối tượng this.function1 = testFunction; // thêm một hàm vào đối tượng } function testFunction() { alert(this.attribute2); //hiển thị 234 var sampleObject = new samplePrototype; // khởi tạo một đối tượng sampleObject.function1(); // gọi hàm function1 của đối tượng sampleObject sampleObject.attribute3 = 123; // thêm một thuộc tính nữa cho đối tượng sampleObject delete sampleObject.attribute1; // xóa bỏ 1 thuộc tính delete sampleObject; // xóa bỏ đối tượng </script>
Hàm Hàm là một khối các câu lệnh với một danh sách một hoặc nhiều đối số (có thể không có đối số) và thường có tên (mặc dù trong JavaScript hàm không nhất thiết phải có tên). Hàm có thể trả lại một giá trị. Cú pháp của hàm như sau: <script language="JavaScript"> function tên_hàm(đối_số_1, đối_số_2) { các câu lệnh cần thực hiện mỗi khi hàm được gọi; return giá_trị_cần_trả_về; } tên_hàm(1, 2); // Gọi hàm tên_hàm với hai đối số 1 và 2 ứng với đối_số_1 và đối_số_2 tên_hàm(1); // Gọi hàm tên_hàm với đối_số_1 có giá trị 1, đối_số_2 có giá trị undefined </script>
Trong JavaScript, khi gọi hàm không nhất thiết phải gọi hàm với cùng số đối số như khi định nghĩa hàm, nếu số đối số ít hơn khi định nghĩa hàm, những đối số không được chuyển cho hàm sẽ mang giá trị undefined. Các kiểu cơ bản sẽ được chuyển vào hàm theo giá trị, đối tượng sẽ được chuyển vào hàm theo tham chiếu. Hàm là đối tượng hạng nhất trong JavaScript. Tất cả các hàm là đối tượng của nguyên mẫu Function. Hàm có thể được tạo và dùng trong phép toán gán như bất kỳ một đối tượng nào khác, và cũng có thể được dùng làm đối số cho các hàm khác. Do đó, JavaScript hỗ trợ hàm cấp độ cao
Gọi Hàm: Ban đầu khi bạn không gọi hàm thì hàm sẽ không hoạt động, có nghĩa là tất cả những gì bên trong nó sẽ không được thực hiện khi Javascript load. Vì thế ta cần có thao tác gọi nó lên để những hành động trong nó được thực hiện.Rất đơn giản bạn chỉ cần ghi lại tên hàm mà thôi VD1:<body><script language="javascript" type="text/javascript"> function goiham(){document.write ("Chào mọi người");document.writeln("<br>Chào mọi người");} goiham()</script></body>
CÁC HÀM CÓ SẴN eval parseInt parseFloat EVAL
parseInt (string, [, radix]) PARSEFLOAT parseFloat (string) EVAL Cú pháp: returnval=eval (bất kỳ biểu thức hay lệnh hợp lệ trong Java) PARSEINT Cú pháp parseInt (string, [, radix]) PARSEFLOAT parseFloat (string)
Ví dụ <HTML> <HEAD> <TITLE> perseInt Exemple </TITLE> <SCRIPT LANGUAGE= "JavaScript"> document.write("Converting 0xC hex to base-10: " + parseInt(0xC,10) + "<BR>"); document.write("Converting 1100 binary to base-10: " + parseInt(1100,2) + "<BR>"); </SCRIPT> </HEAD> <BODY> </BODY> </HTML>
Mảng JavaScript không hỗ trợ cấu trúc dữ liệu mảng nhưng Netscape tạo ra Phương thức cho phép bạn tự tạo ra các hàm khởi tạo mảng như sau: function InitArray(NumElements){ this.length = numElements; for (var x=1; x<=numElements; x++){ this[x]=0 } return this;
Ví dụ <HTML> <HEAD> <TITLE> Array Exemple </TITLE> <SCRIPT LANGUAGE= "JavaScript"> function InitArray(numElements) { this.length = numElements; for (var x=1; x<=numElements; x++){ this[x]=0 } return this; myArray = new InitArray(10); myArray[1] = "Nghệ An"; myArray[2] = "Hà Nội"; document.write(myArray[1] + "<BR>"); document.write(myArray[2] + "<BR>"); </SCRIPT> </HEAD> <BODY> </BODY> </HTML>