Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 19 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
19
Dung lượng
244 KB
Nội dung
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 Mô tả 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 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 for ( init value ; condition ; upda Giải nghĩa: Vòng lặp for có biểu thức bên ngăn Biểu thức thứ để khởi tạo giá trị biến vòng lặp, biểu th kiện tồn vòng lặp, biểu thức thứ ba hướng cách thức lặ var name=prompt("What is your name?" ,"name"); document.write("" + name + " 's 10 favorit document.write(i + " " + prompt('Enter food nu var question=” what is 10*10 ?” ; Tạo mảng với vòng lặp for: Hàm tạo mảng có giá trị index bắt đầu gán tất Để sử dụng đối tượng mảng ta làm sau: newArray[0] … New Sử dụng đối tượng Windows Window đối tượng môi trường Navigator,ngồi thuộc giữ đối tượng khác mà xem th chứa (encompasses) tất thành ph tượng hồn hảo có đối tượng khác JavaScript gán (att ).Hầu chương trình JavaScr tham khảo đến thành phần trang HTML Các thuộc tính (properties) đối tượng Các phương thức (Methods) đối tượng Các thuộc tính đối tượng Window : Giá trị hiển thị than : Mảng đối tượng chứa đựng mục cho m : Được sử dụng FRAMSET : Cửa sổ hành , dùng để phân biệt c : Giá trị chuỗi văn hiển thị than JAVASCRIPT MEDIA Các phương thức (Methods) đối tượng w : Hiện thông báo hộp thoại với OK butto : Mở cửa sổ với tài liệu ho Hành vi cung cấp cách gọi phát biểu JavaScript sau kh đối tượng window thực event handler : onLoad= Khi user di chuyển qua hyperlink ta thôn bowser dựa vào event handler onMouseOver cách đặ