IX.1. Giới thiệu về ngơn ngữ script.
Ngơn ngữ Script là một ngơn ngữ lập trình nhằm bổ sung tính năng động của trang Web (Dynamic HTML). Ngơn ngữ này giúp giảm xử lý cho Server thay vì dùng CGI script tại Server thì ta dùng Java script tại Client. Các ngơn ngữ script thơng dụng như: javascript (NetScape), jscript (Microsoft), VBScript (Microsoft). VBScript cĩ lợi thế trong mơi trường Windows, dùng cho các ActiveX control và rất giống VB. VBScript cũng là ngơn ngữ dùng cho Server, nĩ phối hợp với những đối tượng Server để tạo ra những trang Web động từ Server (ví dụ như ASP). IX.2. Tổng quan Java Script.
Khi cần thiết kế một trang Web động như máy tính tay (Calculators), hiển thị giờ (Display time), hiển thị trạng thái thơng tin phản hồi(Feedback), giải trí trên web (Entertainment) thì ta dùng các ngơn ngữ script này... Java Script khơng phải là java.
Cú pháp:
Gần giống như các ngơn ngữ lập trình khác như Pascal, C++, Java... Khai báo và dùng biến
- var x = 7 - var y,z = "19" - var lk = "lucky" - 5 + x // giá trị là 12 - lk + z // giá trị là "lucky19" - lk + x // giá trị là "lucky7" - x + z // giá trị là 26
- Java script tự động chuyển kiểu cho phù hợp và tự gán giá trị ban đầu là 0 khi ta khai báo biến.
Các loại dữ liệu trong Java Script - Số như -5, 0 hoặc 3.3333
- Chuỗi như "Click Here" hoặc "JavaScript" - Giá trị logic như: true hoặc false
- JavaScript element xem như là một hàm hoặc một đối tượng - Giá trị null
Các hằng
- Hệ thập phân 123, -3434 - Hệ 8(octal): 017
- Hệ 16(hexadecimal): 0x12EF5
- Kiểu dữ liệu số trong java script dùng 32 bit Chuỗi
- Khởi tạo, phép tốn trên chuổi - \t tab
- \b backspace Đổi kiểu
- stringthing + numberthing= string - numberthing + stringthing= number
Các phép tốn: +, -, *, /, %, ++, --, = =, !=, <, <=, >, >=, ... Các ví dụ x = 4 + y; y = 5.5 - z; z = 10 / w; w = 1.4e5 * v; n = -m; y = ++x; z = x++; if (x = 3) { }
(x < 17) && buttonPressed && (z == "Meta") (x < 17) || buttonPressed || (z == "Meta") (x < 25) && beaupage() (x - 3.0) < epsilon || (3.0 - x) < epsilon Chú thích /* ... */ //... Trong htnl <!-- ... --> Cấu trúc điều khiển if (điều kiện) { câu lệnh}
if (điều kiện) { câu lệnh} else {câu lệnh} Cấu trúc While:
while (điều kiện) { câu lệnh}
IX.3. Sự kiện trong html và java script.
Các tác động thơng thường lên trang web là: - Chọn một liên kết.
- Di chuyển đến trang trước hoặc trang sau trong các trang đã duyệt. - Mở một trang Web mới dùng chức năng "New Window".
- Thốt khỏi trình duyệt web.
Các sự kiện thường gặp đối với các đối tượng là: - Di chuyển chuột
- Thay đổi trạng thái.
Chèn đoạn mã java script trong html:
<SCRIPT LANGUAGE="LangName" [SRC="URL"]>
<SCRIPT LANGUAGE="JavaScript" SRC="jscode/click.js"> </SCRIPT> Ẩn nội dung source đi:
<SCRIPT LANGUAGE="JavaScript"> <!--
function dontclickme() { alert("Ban da click chuot"); return(false);
}
<!-- end script --> </SCRIPT>
Một trang Web hồn chỉnh dùng code Jaca Script: ví dụ tạo một nút "Chao", khi click vào nút này xuất hiện thơng báo "Chao cac ban"
<HTML> <HEAD>
<TITLE>Chao ban</TITLE>
<!--
function dontclickme() { alert("Chao cac ban"); } <!-- end script --> </SCRIPT> </HEAD> <BODY> <FORM>
<INPUT TYPE="button" NAME="chao" VALUE="Chao!" onClick="dontclickme()"> </FORM>
</BODY> </HTML>
Ta cĩ thể viết lệnh Java script trực tiếp vào sự kiện: <HTML> <HEAD> <TITLE>Chao ban</TITLE> </HEAD> <BODY> <FORM>
<INPUT TYPE="button" NAME="chao" VALUE="Chao!" onClick="alert('Chao cac ban');">
</FORM> </BODY> </HTML>
Bắt sự kiện của List: ví dụ kiểm tra sự thay đổi giá trị listbox dùng hàm onChange() <HTML><HEAD>
<TITLE>Su kien List</TITLE>
<SCRIPT LANGUAGE="JavaScript"> <!-- function Thongbao(str) { alert(str); } <!-- end script --> </SCRIPT> </HEAD> <BODY>
<SELECT NAME="Ten" onChange="Thongbao('Co su thay doi')"> <OPTION SELECTED>Lan</OPTION> <OPTION>Cuc</OPTION> <OPTION>Hong</OPTION> </SELECT> </BODY> </HTML>
Bắt sự kiện của document (dùng khi cần gọi hàm lúc trang Web vừa mở hoặc khi đĩng trang Web):
<BODY onLoad="loadfunc()" onUnload="unloadfunc()"> IX.4. VB Script và OLE Controls.
Khai báo biến
Dùng từ khĩa Dim để khai báo biến: <SCRIPT LANGUAGE="VBS"> <!-- Dim MyVariable --> </SCRIPT> Mảng
<SCRIPT LANGUAGE="VBS"> <!- -Một mảng 3 D
Dim theArray(99, 49, 9) -->
</SCRIPT>
Cấu trúc điều khiển trong VBScript Cấu trúc IF...THEN...ELSE
<SCRIPT LANGUAGE="VBS"> <!--
If (điều kiện) Then Mã lệnh Else Mã lệnh End If --> </SCRIPT> Cấu trúc DO...WHILE <SCRIPT LANGUAGE="VBS"> <!--
Do While (Điều kiện) Mã lệnh Loop --> </SCRIPT> Hàm trong VB Script Cách tạo hàm: <SCRIPT LANGUAGE="VBS"> <!-- Sub TenHam() Mã lệnh End Sub Function TenHam(biến) Mã lệnh End Function --> </SCRIPT> VB Script trong HTML Ví dụ Hello: <HTML>
<HEAD><TITLE>Trang Web Thu Nghiem</TITLE> <SCRIPT LANGUAGE="VBS">
<!--
Sub Button1_OnClick MsgBox "Chao ban!" End Sub -->
</SCRIPT> </HEAD> <BODY>
<H3>Trang Web Thu Nghiem VB Script</H3><HR>
<FORM><INPUT NAME="Button1" TYPE="BUTTON" VALUE="Ban Click vao day"> </FORM> </BODY>
</HTML>
Cách viết khác của ví dụ trên:
<!-- the message
MsgBox "HELLO THERE!" -->
</SCRIPT>
Bài 8