Đối tượng Document- Anchors- Forms- History Đối tượng DocumentAnchors- Forms- History Bởi: Khoa CNTT ĐHSP KT Hưng Yên Đối tượng document Đối tượng chứa thông tin document thời cung cấp phương thức để đưa thông tin hình Đối tượng document tạo cặp thẻ Một số thuộc tính gắn với thẻ Các đối tượng anchor, forms, history, links thuộc tính đối tượng document Không có chương trình xử lý kiện cho frame Sự kiện onLoad onUnLoad cho đối tượng window Các thuộc tính • • • • • • • • • • • • • alinkColor - Giống thuộc tính ALINK anchor - Mảng tất anchor document bgColor - Giống thuộc tính BGCOLOR cookie - Sử dụng để xác định cookie fgColor - Giống thuộc tính TEXT forms - Mảng tất form document lastModified - Ngày cuối văn sửa linkColor - Giống thuộc tính LINK links - Mảng tất link document location - URL đầy đủ văn referrer - URL văn gọi title - Nội dung thẻ vlinkColor - Giống thuộc tính VLINK Các phương thức • document.clear - Xoá document thời • document.close - Đóng dòng liệu vào đưa toàn liệu đệm hình 1/7 Đối tượng Document- Anchors- Forms- History • document.open (["mineType"]) - Mở stream để thu thập liệu vào phwong thức write writeln • document.write(expression1 [,expression2] [,expressionN]) - Viết biểu thức HTML lên văn trông cửa sổ xác định • document.writeln (expression1 [,expression2] [,expressionN] ) - Giống phương thức hết biểu thức lại xuống dòng Đối tượng anchors anchor đoạn văn document dùng làm đích cho siêu liên kết Nó xác định cặp thẻ Đối tượng anchor thuộc tính, phương thức chương trình xử lý kiện Mảng anchor tham chiếu đến anchor có tên document Mỗi anchor tham chiếu cách: document.anchors [index] Mảng anchor có thuộc tính length xác định số lượng anchor document, xác định sau: document.anchors.length Đối tượng forms Các form tạo nhờ cặp thẻ Phần lớn thuộc tính đối tượng form phản ánh thuộc tính thẻ Có vài phần tử (elements) thuộc tính đối tượng forms Nếu document chứa vài form, chúng tham chiếu qua mảng forms Số lượng form xác định sau: document.forms.length Mỗi form tham chiếu sau: document.forms[index] Các thuộc tính action thuộc tính ACTION thẻ FORM elements Mảng chứa tất thành phần form (như checkbox, trường text, danh sách lựa chọn 2/7 Đối tượng Document- Anchors- Forms- History encoding Xâu chứa kiểu MIME sử dụng để mã hoá nội dung form gửi cho server length Số lượng thành phần form method Thuộc tính METHOD target Xâu chứa tên cửa sổ đích submit form Các phương thức formName.submit () - Xuất liệu form tên formName tới trang xử lý Phương thức mô click vào nút submit form Các chương trình xử lý kiện onSubmit - Chương trình xử lý kiện gọi người sử dụng chuyển liệu từ form Đối tượng history Đối tượng sử dụng để lưu giữ thông tin URL trước người sử dụng sử dụng Danh sách URL lưu trữ theo thứ tự thời gian Đối tượng chương trình xử lý kiện Các thuộc tính length - Số lượng URL đối tượng Các phương thức • history.back() - Được sử dụng để tham chiếu tới URL thăm trước • history.forward() - Được sử dụng để tham chiếu tới URL danh sách Nó không gây hiệu ứng đến cuối danh sách • history.go (delta | "location") - Được sử dụng để chuyển lên hay chuyển xuống delta bậc hay di chuển đến URL xác định location danh sách Nếu delta sử dụng việc dịch chuyển lên phía delta dương xuống phía delta âm sử dụng location, URL gần có chứa location chuỗi tham chiếu 3/7 Đối tượng Document- Anchors- Forms- History Đối tượng links Đối tượng link đoạn văn hay ảnh xem siêu liên kết Các thuộc tính đối tượng link chủ yếu xử lý URL siêu liên kết Đối tượng link phương thức Mảng link chứa danh sách tất liên kết document Có thể xác định số lượng link qua document.links.length() Có thể tham chiếu tới liên kết qủa document.links [index] Để xác định thuộc tính đối tượng link, sử dụng URL tương tự: http://www.abc.com/chap1/page2.html#topic3 Các thuộc tính • hash - Tên anchor vị trí thời (ví dụ topic3) • Host - Phần hostname:port URL (ví dụ www.abc.com) Chú ý thường cổng ngầm định • Hostname - Tên host domain (ví dụ ww.abc.com) • href - Toàn URL cho document • Pathname - Phần đường dẫn URL (ví dụ /chap1/page2.html) • port - Cổng truyền thông sử dụng cho máy tính host, thường cổng ngầm định • Protocol - Giao thức sử dụng (cùng với dấu hai chấm) (ví dụ http:) • Search - Câu truy vấn tìm kiếm cuối URL cho script CGI • Target - Giống thuộc tính TARGET Các chương trình xử lý kiện • onClick - Xảy người sử dụng nhấn vào link • onMouseOver - Xảy chuột di chuyển qua link Đối tượng Math Đối tượng Math đối tượng nội JavaScript Các thuộc tính đối tượng chứa nhiều số toán học, hàm toán học, lượng giác phổ biến Đối tượng Math chương trình xử lý kiện 4/7 Đối tượng Document- Anchors- Forms- History Việc tham chiếu tới number phương thức số hay biểu thức đnáh giá số hợp lệ Các thuộc tính • • • • • • • E - Hằng số Euler, khoảng 2,718 LN2 - logarit tự nhiên 2, khoảng 0,693 LN10 - logarit tự nhiên 10, khoảng 2,302 LOG2E - logarit số e, khoảng 1,442 PI - Giá trị π, khoảng 3,14159 SQRT1_2 - Căn bậc 0,5, khoảng 0,707 SQRT2 - Căn bậc 2, khoảng 1,414 Các phương thức • Math.abs (number) - Trả lại giá trị tuyệt đối number • Math.acos (number) - Trả lại giá trị arc cosine (theo radian) number Giá trị number phải nămg -1 • Math.asin (number) - Trả lại giá trị arc sine (theo radian) number Giá trị number phải nămg -1 • Math.atan (number) - Trả lại giá trị arc tan (theo radian) number • Math.ceil (number) - Trả lại số nguyên nhỏ lớn number • Math.cos (number) - Trả lại giá trị cosine number • Math.exp (number) - Trả lại giá trị e^ number, với e số Euler • Math.floor (number) - Trả lại số nguyên lớn nhỏ number • Math.log (number) - Trả lại logarit tự nhiên number • Math.max (num1,num2) - Trả lại giá trị lớn num1 num2 • Math.min (num1,num2) - Trả lại giá trị nhỏ num1 num2 • Math.pos (base,exponent) - Trả lại giá trị base luỹ thừa exponent • Math.random (r) - Trả lại số ngẫu nhiên Phwong thức thực tảng UNIX • Math.round (number) - Trả lại giá trị number làm tròn tới số nguyên gần • Math.sin (number) - Trả lại sin number • Math.sqrt (number) - Trả lại bậc number • Math.tan (number) - Trả lại tag number Đối tượng Date Đối tượng Date đối tượng có sẵn JavaScript Nó cung cấp nhiều phương thức có ích để xử lý thời gian ngày tháng Đối tượng Date thuộc tính chương trình xử lý kiện 5/7 Đối tượng Document- Anchors- Forms- History Phần lớn phương thức date có đối tượng Date Các phương thức giới thiệu phần sử dụng đối tượng Date dateVar, ví dụ: dateVar = new Date ('August 16, 1996 20:45:04'); Các phương thức • dateVar.getDate() - Trả lại ngày tháng (1-31) cho dateVar • dateVar.getDay() - Trả lại ngày tuần (0=chủ nhật, 6=thứ bảy) cho dateVar • dateVar.getHours() - Trả lại (0-23) cho dateVar • dateVar.getMinutes() - Trả lại phút (0-59) cho dateVar • dateVar.getSeconds() - Trả lại giây (0-59) cho dateVar • dateVar.getTime() - Trả lại số lượng mili giây từ 00:00:00 ngày 1/1/1970 • dateVar.getTimeZoneOffset() - Trả lại độ dịch chuyểnbằng phút địa phương so với quốc tế GMT • dateVar.getYear() -Trả lại năm cho dateVar • Date.parse (dateStr) - Phân tích chuỗi dateStr trả lại số lượng mili giây tính từ 00:00:00 ngày 01/01/1970 • dateVar.setDay(day) - Đặt ngày tháng day cho dateVar • dateVar.setHours(hours) - Đặt hours cho dateVar • dateVar.setMinutes(minutes) - Đặt phút minutes cho dateVar • dateVar.setMonths(months) - Đặt tháng months cho dateVar • dateVar.setSeconds(seconds) - Đặt giây seconds cho dateVar • dateVar.setTime(value) - Đặt thời gian value, value biểu diễn số lượng mili giây từ 00:00:00 ngày 01/01/10970 • dateVar.setYear(years) - Đặt năm years cho dateVar • dateVar.toGMTString() - Trả lại chuỗi biểu diễn dateVar dạng GMT • dateVar.toLocaleString()-Trả lại chuỗi biểu diễn dateVar theo khu vực thời gian thời • Date.UTC (year, month, day [,hours] [,minutes] [,seconds]) - Trả lại số lượng mili giây từ 00:00:00 01/01/1970 GMT Đối tượng String Đối tượng String đối tượng xây dựng nội JavaScript cung cấp nhiều phương thức thao tác chuỗi Đối tượng có thuộc tính độ dài (length) chương trình xử lý kiện Các phương thức Hàm Nội dung 6/7 Đối tượng Document- Anchors- Forms- History str.anchor (name) Được sử dụng để tạo thẻ (một cách động) Tham số name thuộc tính NAME thẻ str.big() Kết giống thẻ chuỗi str str.blink() Kết giống thẻ chuỗi str str.bold() Kết giống thẻ chuỗi str str.charAt(a) Trả lại ký tự thứ a chuỗi str str.fixed() Kết giống thẻ chuỗi str str.fontcolor() Kết giống thẻ str.fontsize(size) Kết giống thẻ str.index0f(srchStr [,index]) Trả lại vị trí chuỗi str vị trí xuất chuỗi srchStr Chuỗi str tìm từ trái sang phải Tham số index sử dụng để xác định vị trí bắt đầu tìm kiếm chuỗi str.italics() Kết giống thẻ chuỗi str Trả lại vị trí chuỗi str vị trí xuất cuối str.lastIndex0f(srchStr chuỗi srchStr Chuỗi str tìm từ phải sang trái Tham số [,index]) index sử dụng để xác định vị trí bắt đầu tìm kiếm chuỗi str.link(href) Được sử dụng để tạo kết nối HTML động cho chhuỗi str Tham số href URL đích liên kết str.small() Kết giống thẻ chuỗi str str.strike() Kết giống thẻ chuỗi str str.sub() Tạo subscript cho chuỗi str, giống thẻ str.substring(a,b) Trả lại chuỗi str ký tự từ vị trí thứ a tới vị trí thứ b Các ký tự đếm từ trái sang phải str.sup() Tạo superscript cho chuỗi str, giống thẻ str.toLowerCase() Đổi chuỗi str thành chữ thường str.toUpperCase() Đổi chuỗi str thành chữ hoa 7/7 ... chiếu 3/7 Đối tượng Document- Anchors- Forms- History Đối tượng links Đối tượng link đoạn văn hay ảnh xem siêu liên kết Các thuộc tính đối tượng link chủ yếu xử lý URL siêu liên kết Đối tượng link... link Đối tượng Math Đối tượng Math đối tượng nội JavaScript Các thuộc tính đối tượng chứa nhiều số toán học, hàm toán học, lượng giác phổ biến Đối tượng Math chương trình xử lý kiện 4/7 Đối tượng. .. number Đối tượng Date Đối tượng Date đối tượng có sẵn JavaScript Nó cung cấp nhiều phương thức có ích để xử lý thời gian ngày tháng Đối tượng Date thuộc tính chương trình xử lý kiện 5/7 Đối tượng Document-