http://www.ebook.edu.vn 61 Hình 3.5 Các sự kiện trên form formObjectName.fieldname: Dùng để chỉ tên trờng của hiện hành trong form. formObjectName.fieldname.value: Dùng lấy giá trị của trờng form hiện hành. 3.1.10 Sử dụng vòng lặp trong JavaScript a. Vòng lặp for : Cú pháp : for ( init value ; condition ; update expression ) Ví dụ 1: for (i = 0 ; i < 5 ; i++) { lệnh ; } Ví dụ 2: <HTML> <HEAD> <TITLE> for loop Examle </TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!- - var name=prompt("What is your name?" ,"name"); var query= " " ; document.write("<H1>" + name + " 's 10 favorite foods </H1> "); for (var i=1 ;i<=10;i++) { document.write(i + " " + prompt('Enter food number ' + i, 'food' ) + '<BR>'); } http://www.ebook.edu.vn 62 - -> </SCRIPT> </BODY> </HTML> b. Vòng lặp while : Cú pháp: While ( điều kiện) { lệnh JavaScript ; } Ví dụ 1: var num=1; while(num<=10) { document.writeln(num); num++; } Ví dụ 2: var answer= ; var correc=100; var question= what is 10*10 ? ; while(answer!=correct) { answer=prompt(question,0); } c. Tạo mảng với vòng lặp for: function createArray(num) { this.length=num; for ( var j=0 ; j<num; j++) this[j]=0; } Hàm sẽ tạo một mảng có giá trị index bắt đầu là 0 và gán tất cả các giá trị của mảng về 0 . Để sử dụng đối tợng mảng ta có thể làm nh sau: newArray= new createArray(4); Sẽ tạo ra một mảng gồm 4 thành phần newArray[0] newArray[3] 3.1.11 Sử dụng đối tợng Windows Window là đối tợng của môi trờng Navigator, ngoài các thuộc tính Window đối tợng window còn giữ các đối tợng khác mà có thể đợc xem nh là các thành phần (member) của window, các đối tợng đó là: http://www.ebook.edu.vn 63 Các frame đã đợc tạo Các đối tợng location và histtory Đối tợng document Đối tợng document chứa (encompasses) tất cả các thành phần trong trang HTML. Đây là một đối tợng hoàn hảo có các đối tợng khác của JavaScript gán (attached) vào nó (nh là anchor, form, history, link). Hầu nh mọi chơng trình JavaScript đều có sử dụng đối tợng này để tham khảo đến các thành phần trong trang HTML. a. Các thuộc tính (properties) của đối tợng document alink anchor bgColor cookies fgColor form lastModified linkColor links location referrer title vlinkColor b. Các hành vi (Methods) của đối tợng document clear() close() open() write() writeln() c. Các thuộc tính của đối tợng Window defaultStatus : Giá trị mặt nhiên đợc hiển thị ở thanh trạng thái. frames: Mảng các đối tợng chứa đựng một mục cho mỗi frame con trong một frame tài liệu. parent: Đợc sử dụng trong FRAMSET self: Cửa sổ hiện hành , dùng để phân biệt giữa các cửa sổ hiện hành và các forms có cùng tên. status: Giá trị của chuỗi văn bản đợc hiển thị tại thanh status bar. Dùng để hiển thi các thông báo cho ngời sử dụng. top: Đỉnh cao nhất của cửa sổ cha. window d. Các hành vi (Methods) của đối tợng window alert(): Hiện 1 thông báo trong hộp thoại với OK button. http://www.ebook.edu.vn 64 close(): Đóng cửa sổ hiện hành. open(): Mở một cửa sổ mới với 1 tài liệu đợc chỉ ra hoặc mở một tài liệu trong một tên cửa sổ đợc chỉ định. prompt(): Hiện một hộp thông báo. setTimeout(): clearTimeout(): Hành vi này cung cấp cách gọi phát biểu JavaScript sau một khoảng thời gian trôi qua. Ngoài ra đối tợng window có thể thực hiện event handler: onLoad=statement. 3.1.12 Làm việc với status bar Khi user di chuyển qua một hyperlink ta có thể hiện ra một thông báo tại thanh status bar của browser dựa vào event handler onMouseOver và bằng cách đặt self.status là một chuỗi (hoặc window.status). Ví dụ: <HTML> <HEAD> <TITLE>Status Example</TITLE> <BODY> <A HREF=plc.htm onMouseOver=self.status=Chuyen de PLC; return true ; > Lop chuyen dề PLC </A> <A HREF=tkweb.htm onMouseOver=self.status=Thiet Ke Trang Web ; return true ; > Thiet Ke Web</A> </BODY> </HTML> 3.1.13 Mở và đóng các cửa sổ Sử dụng phơng thức open() và close() ta có thể điều khiển việc mở và đóng cửa sổ chứa tài liệu: open (URL , WindowName , featureList) ; Các đặc điểm trong phơng pháp open() gồm có: toolbar: tạo một toolbar chuẩn location: tạo một vùng location directories: tạo các button th mục chuẩn status: tạo thanh trạng thái. menubar: tạo thanh menu tại đỉnh của cửa sổ scrollbars: tạo thanh scroll bar resizable: cho phép user thay đổi kích thớc cửa sổ width: chỉ định chiều rộng cửa sổ theo đơn vị pixel height: chỉ định chiều cao cửa sổ theo đơn vị pixel Ví dụ 1: window.open( plc.htm, newWindow, toolbar=yes, location=1, http://www.ebook.edu.vn 65 directories=yes, status=yes, menubar=1, scroolbar=yes, resizable=0, copyhistory=1, width=200, height=200”); VÝ dô 2: <HTML> <HEAD> <TITLE>WINDOWS</TITLE> <SCRIPT LANGUAGE="JavaScript"> <! function openWindow(url,name) { popupWin = window.open(url, name, "scrollbars=yes,width=800, heigth=200 "); } > </SCRIPT> </HEAD> <BODY> <a href="javascript:openWindow(' /chuyende/plc.htm','Win')">PLC</a>, <a href="javascript:openWindow(' /chuyende/suachuaw.htm','stoogeWin ')">Sua chua</a>, <a href="javascript:openWindow(' /chuyende/tkweb.htm','stoogeWin')"> Thiet ke web</a> </BODY> </HTML> §Ó ®ãng cöa sæ ta cã thÓ dïng ph−¬ng thøc close() VÝ dô: <HTML> <HEAD> <TITLE>Close Example</TITLE> </HEAD> <BODY > <A HREF="#" ONCLICK="self.close();return false"> <IMG ALIGN="middle" SRC=" /demo.gif" WIDTH="16" HEIGHT="16" BORDER="0"></A> <A HREF="#" ONCLICK="self.close();return false">Close This Sample</A> </BODY > </HTML> . HREF=tkweb.htm onMouseOver=self.status=Thiet Ke Trang Web ; return true ; > Thiet Ke Web& lt;/A> </BODY> </HTML> 3.1.13 Mở và đóng các cửa sổ Sử dụng phơng thức open() và. tợng hoàn hảo có các đối tợng khác của JavaScript gán (attached) vào nó (nh là anchor, form, history, link). Hầu nh mọi chơng trình JavaScript đều có sử dụng đối tợng này để tham khảo đến các. hyperlink ta có thể hiện ra một thông báo tại thanh status bar của browser dựa vào event handler onMouseOver và bằng cách đặt self.status là một chuỗi (hoặc window.status). Ví dụ: <HTML>