Đang tải... (xem toàn văn)
Bài giảng Các ngôn ngữ SCRIPT
11BÀI 4Các ngôn ngữ SCRIPTKhoa CNTT - ĐHKHTN2Nội dungn Giới thiệu ngôn ngữ Scriptn Sự khác nhau giữa ứng dụng Client-Side và Server-Siden Ngôn ngữ JavaScriptn Ngôn ngữ VBScript3Giới thiệun Làngôn ngữ dạng thông dịchn Giúp trang Web cótính tương tác n Các ngôn ngữ thông dụng:q JavaScript (Netscape)q VBScript (Microsoft) 24Ứng dụng Client-Side và Server-Siden Ứ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 Server)5Script tại Browser<HTML><HEAD><TITLE>Have Fun</TITLE><SCRIPT LANGUAGE=”JavaScript”>alert(“Welcome to the world of JavaScript”);</SCRIPT></HEAD></HTML>6Script tạiWeb Servern Các lệnh Server-side được dùng:q Kết nối cơ sở dữ liệuq Chia sẽ thông tin giữa các users trong một ứng dụng q Truy cập hệ thống file trên server, .q . 37Script tạiWeb Servern Quá trình thực hiện ứng dụng Server-Side gồm 2 giai đoạn:q Tạo trang Web có chứa cả Srcipt Client-Side và Server-Sideq Khi client browser yêu cầu thực hiện, server (run-time engine) sẽ thực hiện các lệnh server-side scipts và trả trang Web HTML về browser8Nhúng JavaScript vào trang Web<html> <head> <script type="text/javascript"> some statements</script> </head> <body> <script type="text/javascript"> some statements</script> <script src="xxx.js"></script> <!–Liên kết từ file ngoài --></body> </html>9Nhúng VBScript vào trang Web<html> <head> <script type="text/vbscript"> some statements </script> </head> <body> <script type="text/vbscript"> some statements </script> </body> </html> 410JAVASCRIPT11Nội dungn Biến, kiểu dữ liệuq Số, mảng, chuỗi, đối tượngn Các cúpháp:q Gán, điều kiện, lặpq Hàm, đối tượng hàmn Sử dụng các đối tượng trong HTMLq document, form, frame, window…q Xử lý các sự kiện của các đối tượng giao diệnq Xử lý sự kiện timern Sử dụng JavaScript trong kiểm tra dữ liệu Formn Sử dụng JavaScript trong xử lý hiệu ứng12Biến sốn Cách đặt tên biếnq A Z,a z,0 9,_ : phân biệt HOA, thườngn Khai báo biếnq 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ênn Phạm vi sử dụng biếnq Toàn cục, cục bộ (trong hàm) 513Kiểu dữ liệun Kiểu số : số nguyên, thựcn Boolean-True or Falsen Chuỗi-“Hello World”n objectn arrayn nulln undefined –lúc khai báo nhưng chưa sử dụng14Đổi kiểu dữ liệun Biến số tự đổi kiểu dữ liệu khi giá trị thay đổin Ví dụ,varx = 10Sau đó ta có thể đổi x:x= “I change your value?”n Có thể cộng hai biến khác kiểu dữ liệu“12” + 34.5 à “1234.5”n Hàm parseInt(), parseFloat(): đổi chuỗi sang số15Các phép toánn Phép gán (=)q Cóthể gán bất kỳ giátrị nào cho 1 biếnn Phép toán 1 ngôi (++,--)n Phép toán +=, -=, *=,/=, %=,…n Phép so sánhq ==, !=, <, >, <=, >=q &&, ||, !n Biểu thức điều kiện: status = (age >= 18) ? "adult" : "minor" 616Mảng -Arrayn Dùng để lưu các biến dùng chung tênn Chỉ số bắt đầu từ 0n Không có kiểu dữ liệu rõ ràngn Được tích hợp trong đối tượng kiểu Array (sử dụng một số các method: pop, push, .)17Hàm trong JavaScriptn Khai báo chungfunction funcName(argument1,argument2,etc){ statements; }n Giá trị trả về của hàmreturn value;Orreturn ( value ) ;n Đối tượng this18Hàm trong JavaScriptfunction add(x,y){results=x+y;return results;}Gọi hàm : sum = add(3,4); 719Các lệnh trong JavaScript20Các quy tắc chungn Khối lệnh được bao trong dấu { }n Mỗi lệnh kết thúc bởi dấu ;n Các lệnh là một trong các dạngq Điều kiệnq Lặpq Thao tác đối tượngn Đặt chú thíchq // chú thích 1 dòng q /* chú thích nhiều dòng*/21Lệnh điều khiểnn Có 2 loại:q if. . . elseif (condition) { statements; }else { statements2; }q switch (expression){case label : statement;break;default : statement;} 822Lệnh lặpn For/ Do . . . Whilen Whilen Break and Continuen For --inn With23Lệnh lặpn for (initial-statement; condition; increment) { statements; }n do { statements;} while (condition)n while (condition) { statements;24Lệnh lặpn Duyệt lần lượt các phần tử của một mảngfor (variable in object) { statements; }n Sử dụng điều khiển vòng lặpq break q Continuen with (object) { statements; }: tương tự with trong VB 925Một số đối tượngn Đối tượng Stringn Đối tượng Arrayn Đối tượng Date, Mathn Đối tượng Windown Đối tượng Framen Đối tượng Form26Đối tượng Stringvar string="hello“var stringlength=string.length//stringlength=5 n Thuộc tínhq lengthn Phương thứcq stringObj.anchor(anchorString) –tạo Bookmarkq strVariable.link(URL)q strObj.charAt(index), strObj.charCodeAt(index)q string1.concat([string2[, string3[, . [, stringn]]]])q strObj.indexOf(subString[, startIndex])27Tạo biến arrayn arrayObjectName= new Array([element0, element1, .,elementN])n emp[0] = "Ryan Dias"emp[1] = "Graham Browne"emp[2] = "David Greene" 1028Sử dụng mảngn Truy cập phần tửq Xác định qua tên của phần tử.VD:emp[“Ryan Dias”]q Xác định qua chỉ số phần tử.VD:emp[0].29Một số phương thức mảngn Join –Ghép các phần tử thành 1 chuỗi. n Pop – Lấy phần tử cuốin Push – Thêm 1 (hoặc nhiều phần tử) vào cuối mảngn Reverse- Đổi phần tử đầu – cuốin Shift – Xóa phần tử đầu khỏi mảng30Mảng đa chiềun Ví dụ về mảng 2 chiềuMyArray= new Array(5,5);MyArray[0, 0] = "RyanDias";MyArray[0, 1] = 1;MyArray[1, 0] = "MikeDonne";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 [...]... dung n Giới thiệu ngôn ngữ Script n Sự khác nhau giữa ứng dụng Client- Side và Server-Side n Ngôn ngữ JavaScript n Ngôn ngữ VBScript 3 Giới thiệu n Làngơn ngữ dạng thơng dịch n Giúp trang Web cótính tương tác n Các ngôn ngữ thông dụng: q JavaScript (Netscape) q VBScript (Microsoft) 16 46 Xử lý sự kiệnbằng thuộc tính n Gán tên hàm xử lý cho 1 object event object.eventhandler= function; < ;SCRIPT LANGUAGE="JavaScript"> function... onMouseOut < ;script language = "javascript"> functionshowLink(num){ if (num==1) {document.forms[0].elements[0].value= "You have selected Aptech"; } } < /script& gt; <form><input type=text size=60 ></form> <ahref="#" onMouseOver="showLink(1)"document.bgcolor= “ green">Aptech</a><br> 51 VBSCRIPT 1 1 BÀI 4 Các ngôn ngữ SCRIPT Khoa... WebServer (IIS, Netscape Enterprise Server) 5 Script tại Browser <HTML> <HEAD> <TITLE>Have Fun</TITLE> < ;SCRIPT LANGUAGE=”JavaScript”> alert(“Welcome to the world of JavaScript”); < /SCRIPT& gt; </HEAD> </HTML> 6 Script tạiWeb Server n Các lệnh Server-side được dùng: q Kết nối cơ sở dữ liệu q Chia sẽ thông tin giữa các users trong một ứng dụng q Truy cập hệ... lặp <html> <body> < ;script type="text/vbscript"> dim names(3) names(0) = "Tove" names(1) = "Jani" names(2) = "Hege" for each x in names document.write(x & "<br>") next < /script& gt; </body> </html> 21 61 Xử lý sự kiện <HTML> <HEAD> < ;SCRIPT LANGUAGE="VBScript"> <! Sub vbsBtn_OnClick window.alert("VBScript... tuc>(<danh sách các tham số>) End Sub 59 Hàm , thủ tục n Gọi hàm name = findname(agr1,…) n Gọi thủ tục Call MyProc(arg1,arg2,…) MyProc arg1,arg2 60 Xử lý sự kiện n Xử lý sự kiện tương tự như JavaScript n Đặt tên hàm códạng : <tên đối tượng>_<tên sự kiện> 7 19 Các lệnh trong JavaScript 20 Các quy tắc chung n Khối lệnh được bao trong dấu { } n Mỗi lệnh kết thúc bởi dấu ; n Các lệnh là... ONCLICK="compute(this.form)"> </FORM> 48 onChangeevent n TheonChangeevent occurs whenever a form element changes. < ;SCRIPT LANGUAGE="JavaScript"> functioncheckNum(num) { alert ("Thank you");} < /SCRIPT& gt; <FORM> <INPUT type = text size = 5 onChange="checkNum(this.value)"> </FORM> 15 43 Các sự kiện thơng dụng n Cótrong hầu hết các đối tượng q onClick q onFocus q onChange q onBlur q onMouseOver q... object event object.eventhandler= function; < ;SCRIPT LANGUAGE="JavaScript"> function greeting() { alert("Welcome to my world"); } window.onload= greeting; < /SCRIPT& gt; 47 onClick event n < ;SCRIPT LANGUAGE="JavaScript"> function compute(form) { form.result.value =eval(form.expr.value) < /SCRIPT& gt; <FORM> <INPUT TYPE="text" NAME="expr"... kiện cho các tagHTML <TAG eventHandler="JavaScript Code"> <INPUT TYPE="button" NAME="docode" onclick="DoOnClick();"> <INPUT TYPE="button" NAME="Button1" VALUE="Open Sesame!”onClick="window.open('mydoc.html','new Win')" n Lưu ý về dấu ““, ‘‘ 45 Xử lý sự kiện bằng function n Example < ;SCRIPT. .. LANGUAGE="VBScript"> <! Sub vbsBtn_OnClick window.alert("VBScript Event Handler") End Sub > < /SCRIPT& gt; </HEAD> <BODY> <INPUT TYPE=BUTTON NAME="vbsBtn" VALUE="VBS Test"> </BODY> </HTML> 62 Bài tập thực hành n Tham khảo trang Web HOCASP n Tham khảo các vídụ được cung cấp n Tìm hiểu vàviết lại từng vídụ 17 49 onFocusand onBlur n Xảy ra khi focus... Sesame!”onClick="window.open('mydoc.html','new Win')" n Lưu ý về dấu ““, ‘‘ 45 Xử lý sự kiện bằng function n Example < ;SCRIPT LANGUAGE="JavaScript"> function greeting() { alert("Welcome to my world"); } < /SCRIPT& gt; <BODYonLoad="greeting()"> 9 25 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 Window n Đối . 11BÀI 4Các ngôn ngữ SCRIPTKhoa CNTT - ĐHKHTN2Nội dungn Giới thiệu ngôn ngữ Scriptn Sự khác nhau giữa ứng dụng Client-Side và Server-Siden Ngôn ngữ JavaScriptn. JavaScriptn Ngôn ngữ VBScript3Giới thiệun L ngôn ngữ dạng thông dịchn Giúp trang Web cótính tương tác n Các ngôn ngữ thông dụng:q JavaScript (Netscape)q VBScript