Bài giảng Các ngôn ngữ SCRIPT

Bài giảng Các ngôn ngữ SCRIPT

BÀI 4 Các ngôn ngữ SCRIPT

Khoa CNTT - ĐHKHTN

2

Nội dung

nGiới thiệu ngôn ngữ Script

nSự khác nhau giữa ứng dụng

Ứng dụng Client-Side và Server-Side

nỨng dụng Client-Side: thực hiện tại

Browser (Nescape Navigator, IE, )

nỨng dụng Server-Side: thực hiện tại

WebServer (IIS, Netscape Enterprise

dụng

qTruy cập hệ thống file trên server,

q

Script tại Web Server

nQuá trình thực hiện ứng dụng Server-Side

gồm 2 giai đoạn:

Server-Side

(run-time engine) sẽ thực hiện các lệnh server-side

scipts và trả trang Web HTML về browser

JAVASCRIPT

11

Nội dung

q Số, mảng, chuỗi, đối tượng

q Gán, điều kiện, lặp

q Hàm, đối tượng hàm

q document, form, frame, window…

q Xử lý các sự kiện của các đối tượng giao diện

q Xử lý sự kiện timer

12

Biến số

q A Z,a z,0 9,_ : phân biệt HOA, thường

q Dùng từ khóa var (var count=10,amount;)

q Thật sự tồn tại khi bắt đầu sử dụng lần đầu tiên

q Toàn cục, cục bộ (trong hàm)

Kiểu dữ liệu

Đổi kiểu dữ liệu

n Biến số tự đổi kiểu dữ liệu khi giá trị thay đổi

Sau đó ta có thể đổi x:

x = “I change your value?”

Mảng - Array

nDùng để lưu các biến dùng chung tên

nChỉ số bắt đầu từ 0

nKhông có kiểu dữ liệu rõ ràng

nĐược tích hợp trong đối tượng kiểu Array (sử

dụng một số các method: pop, push, )

Các lệnh trong JavaScript

20

Các quy tắc chung

n Duyệt lần lượt các phần tử của một mảng

for (variable in object)

Một số đối tượng

nĐối tượng String

nĐối tượng Array

nĐối tượng Date, Math

nĐối tượng Frame

nĐối tượng Form

Tạo biến array

narrayObjectName = new Array([element0,

element1, , elementN])

nemp[0] = "Ryan Dias"

emp[1] = "Graham Browne"

emp[2] = "David Greene"

Sử dụng mảng

nTruy cập phần tử

VD: emp [“Ryan Dias”]

nPop – Lấy phần tử cuối

nPush – Thêm 1 (hoặc nhiều phần tử) vào cuối

mảng

nReverse - Đổi phần tử đầu – cuối

nShift – Xóa phần tử đầu khỏi mảng

30

Mảng đa chiều

MyArray = new Array(5,5);

MyArray[0, 0] = "Ryan Dias";

MyArray[0, 1] = 1;

MyArray[1, 0] = "Mike Donne";

MyArray[1, 1] = 2;

document.write ("The name is " + MyArray[3, 0]);

document.write(" and the code is " + MyArray[3, 1]);

n JavaScript hỗ trợ đến 60 chiều

Đối tượng Date

var my_date=new Date("October 12, 1988 13:14:00")

var my_date=new Date("October 12, 1988")

var my_date=new Date(88,09,12,13,14,00)

var my_date=new Date(88,09,12)

ngetDate(), getDay(), getMonth(), getYear(),…

ngetTime(),…

32

Đối tượng Math

Window Object Document Object

35

Window object (1)

nTồn tại khi mở 1 tài liệu HTML

nSử dụng để truy cập thông tin window

nĐiều khiển các sự kiện xảy ra trong window

nNếu tài liệu định nghĩa nhiều frame, browser

tạo 1 window object cha và các window

object con cho từng frame

Document object (1)

nDocument Object biểu diễn cho tài liệu HTML

nDùng để lấy thông tin về tài liệu, các thành

nHistory Object cung cấp danh sách các URL

đã được duyệt bởi người dùng

nMethods

qBack

qForward

qgo

n1 document có thể có nhiều form, được lưu

trong 1 forms array (bắt đầu từ form[0])

Xử lý sự kiện cho các tag HTML

<TAG eventHandler="JavaScript Code">

<INPUT TYPE="button" NAME="docode"

<INPUT TYPE="text" NAME="expr" SIZE=15><BR><BR>

<INPUT TYPE="button" VALUE="Calculate"

onFocus and onBlur

onMouseOver and onMouseOut

<script language = "javascript">

Nội dung

nBiến, kiểu dữ liệu

nCấu trúc điều khiển

nHàm, thủ tục

nXử lý sự kiện trong trang Web

53

Biến, kiểu dữ liệu

nKhai báo biến

qDim x, y ,z

tử

phần tử (vẫn giữ lại giá trị 10 phần tử đầu)

nKiểu dữ liệu

qKhi khai báo, biến chỉ có 1 kiểu là variant

object,…) sẽ được gán cho biến khi sử dụng

54

Cấu trúc điều kiện

If<biểu thức điều kiện> Then <Lệnh>

If<biểu thức điều kiện> Then

Loop While<Biểu thức điều kiện>

While <Biểu thức điều kiện>

nTham khảo các ví dụ được cung cấp

nTìm hiểu và viết lại từng ví dụ