Lập Web HTML sv cong nghe thuc pham bai24

Bài 5: SỰ KIỆN TRONG JAVASCRIPT Các kiện cung cấp tương tác với cửa sổ trình duyệt tài liệu hành load trang web, hành động user nhập liệu vào form click vào button form Khi sử dụng quản lý kiện bạn viết hàm để biểu diễn cho hành động dựa vào kiện đựoc chọn Bảng kiện Javascript Tên kiện blur Mô tả Xảy điểm tập trungcủa ngõ vào di chuyển khỏi thành phần Form (Khi user click trường) click Khi user Click vào link thành phần Form change Xảy giá trị Form Field bị thay đổi user focus Xảy ngõ vào tập trung vào thành phần Form load Xảy trang Load vào duyệt mouseover Xảy User di chuyển mouse qua Hyperlink select Xảy User chọn trường thành phần Form submit Xảy User xác nhận nhập xong liệu unload Xảy User rời khỏi trang Web Bộ quản lý kiện (Event Handler) Để quản lý kiện javascript ta dùng quản lý kiện Cú pháp quản lý kiện: Ví dụ:: Ví dụ:: HIDE FROM OTHER BROWSERS var name = “”; // STOP HIDING FROM OTHER BROWSERS > Ví dụ: JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 18 Example 5.1 HIDE FROM OTHER BROWSERS // DEFINE GLOBAL VARIABLE var name = “”; function hello() { name = prompt(‘Enter Your Name:’,’Name’); alert(‘Greetings ‘ + name + ‘, welcome to my page!’); } function goodbye() { alert(Goodbye ‘ + name + ‘, sorry to see you go!’); } // STOP HIDING FROM OTHER BROWSERS > Các kiện Form Các kiện sử dụng để truy xuất Form như: OnClick, onSubmit, onFocus, onBlur, onChange Ví dụ:: Khi giá trị thay đổi function check() gọi Ta dùng từ khóa this để chuyển đối tượng trường hành đến hàm check() Bạn dựa vào phương thức thuộc tính đối tượng phát biểu sau: this.methodName() & this.propertyName Ví dụ:: Example 5.3 HIDE FROM OTHER BROWSERS function calculate(form) { form.results.value = eval(form.entry.value); } function getExpression(form) { form.entry.blur(); form.entry.value = prompt(“Please enter a JavaScript mathematical expression”,””); calculate(form); } //STOP HIDING FROM OTHER BROWSERS > Enter a JavaScript mathematical expression: The result of this expression is: formObjectName.fieldname:Dùng để tên trường hành Form formObjectName.fieldname.value: dùng lấy giá trị trường form hành Sử dụng vòng lặp JavaScript Vòng lặp for : Cú pháp : for ( init value ; condition ; update expression ) Giải nghĩa: Vòng lặp for có biểu thức bên ngăn cách dấu chấm phẩy( ; ) Biểu thức thứ để khởi tạo giá trị biến vòng lặp, biểu thức thứ hai dùng để xác định điều kiện tồn vòng lặp, biểu thức thứ ba hướng cách thức lặp Ví dụ: : for (i = ; i < ; i++) { lệnh ; } Ví dụ:: for loop Examle + i, 'food' ) + ''); } > Vòng lặp while : Cú pháp: While ( điều kiện) { lệnh JavaScript ; } Ví dụ:: var num=1; while(num PLC, Sua chua, Thiet ke web Để đóng cửa sổ ta dùng phương thức close() Ví dụ: Close Example Close This Sample Sử dụng đối tượng string String đối tượng JavaScript,khi dùng đối tượng string không cần phát biểu để tạo instance (thể nghiệm) đối tượng ,bất kỳ lúc ta đặt text hai dấu ngoặc kép gán đến biến thuộc tính ta tạo đối tượng string Các thuộc tính đối tượng string Thuộc tính length giữ số kí tự string Các hành vi (Methods) đối tượng string a Anchor (nameAttribute) b big() c blink() d bold() e charAt(index) f fixed() g fontcolor(color) h fontsize(size) i indexOf(character,[fromIndex]) j italics() k lastIndexOf(character,[fromIndex]) l link(URL) m small() n strike() o sub() p substring(startIndex,endIndex) q sup() r toLowerCase() s toUpperCase() Kết thúc môn Thiết kế Web Nếu Bạn muốn kiểm tra kiến thức học Bạn vào mục Thi hết môn môn học để kiểm tra trắc nghiệm Chúc bạn vượt qua phần kiểm tra  ... href="javascript:openWindow(' /chuyende/tkweb.htm','stoogeWin')">Thiet ke web< /a> < /HTML> Để đóng cửa sổ ta dùng phương thức close() Ví dụ: Close Example... PLC Thiet Ke Web< /A> < /HTML> Mở đóng cửa sổ Sử dụng phương thức open() close() ta điều khiển việc... HTML. Đây đối tượng hoàn hảo có đối tượng khác JavaScript gán (attached) vào (như anchor,form,history,link).Hầu chương trình JavaScript có sử dụng đối tượng để tham khảo đến thành phần trang HTML