Đối tượng navigator window location frame

Đối tượng navigator- window- location-frame Đối tượng navigatorwindow- location-frame Bởi: Khoa CNTT ĐHSP KT Hưng Yên Đối tượng navigator Đối tượng sử dụng để đạt thông tin trình duyệt số phiên Đối tượng phương thức hay chương trình xử lý kiện Các thuộc tính appCodeName Xác định tên mã nội trình duyệt (Atlas) AppName Xác định tên trình duyệt AppVersion Xác định thông tin phiên đối tượng navigator userAgent Xác định header user - agent Ví dụ sau hiển thị thuộc tính đối tượng navigator Navigator Object Exemple document.write("appCodeName = "+navigator.appCodeName + ""); document.write("appName = "+navigator.appName + ""); document.write("appVersion = "+navigator.appVersion + ""); document.write("userAgent = "+navigator.userAgent + ""); 1/9 Đối tượng navigator- window- location-frame Đối tượng window Đối tượng window nói đối tượng mức cao Các đối tượng document, frame, vị trí thuộc tính đối tượng window Các thuộc tính • defaultStatus - Thông báo ngầm định hiển thị lên trạng thái cửa sổ • Frames - Mảng xác định tất frame cửa sổ • Length - Số lượng frame cửa sổ cha mẹ • Name - Tên cửa sổ thời • Parent - Đối tượng cửa sổ cha mẹ • Self - Cửa sổ thời 2/9 Đối tượng navigator- window- location-frame • Status - Được sử dụng cho thông báo tạm thời hiển thị lên thạng thái cửa sổ Đựơc sử dụng để lấy hay đặt lại thông báo trạng thái ghi đè lên defaultStatus • Top - Cửa sổ • Window - Cửa sổ thời Các phương thức • alert ("message") -Hiển thị hộp hội thoại với chuỗi "message" nút OK • clearTimeout(timeoutID) -Xóa timeout SetTimeout đặt SetTimeout trả lại timeoutID • windowReference.close -Đóng cửa sổ windowReference • confirm("message") -Hiển thị hộp hội thoại với chuỗi "message", nút OK nút Cancel Trả lại giá trị True cho OK False cho Cancel • [windowVar = ][window] open("URL", "windowName", [ "windowFeatures" ] ) - Mở cửa sổ • prompt ("message" [,"defaultInput"]) - Mở hộp hội thoại để nhận liệu vào trường text • TimeoutID = setTimeout(expression,msec) - Đánh giá biểu thức expresion sau thời gian msec Ví dụ: Sử dụng tên cửa sổ gọi tới đích form submit Hipertext link (thuộc tính TARGET thẻ FORM A) Trong ví dụ tạo tới cửa sổ thứ hai, nút thứ để mở cửa sổ rỗng, sau liên kết tải file doc2.html xuống cửa sổ nút khác dùng để đóng sổ thứ hai lại, ví dụ lưa vào file window.html: Frame Example 3/9 Đối tượng navigator- window- location-frame Load a file into window2 Hình 6.3: Minh hoạ cho đối tượng cửa sổ Các chương trình xử lý kiện • onLoad - Xuất cửa sổ kết thúc việc tải • onUnLoad - Xuất cửa sổ loại bỏ 4/9 Đối tượng navigator- window- location-frame Đối tượng location Các thuộc tính đối tượng location trì thông tin URL document thời Đối tượng hoàn toàn phương thức chương trình xử lý kiện kèm Ví dụ: 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ụ www.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 Đối tượng frame Một cửa số có vài frame Các frame cuộn cách độc lập với frame có URL riêng frame chương trình xử lý kiện Sự kiện onLoad onUnLoad đối tượng window Các thuộc tính • • • • • • frames - Mảng tất frame cửa sổ Name - Thuộc tính NAME thẻ Length - Số lượng frame frame Parent - Cửa sổ hay frame chứa nhóm frame thời self - frame thời Window - frame thời Các phương thức • clearTimeout (timeoutID) - Xoá timeout setTimeout lập SetTimeout trả lại timeoutID • TimeoutID = setTimeout (expression,msec) - Đánh giá expression sau hết thời gian msec 5/9 Đối tượng navigator- window- location-frame Sử dụng Frame Tạo frame (create) Để tạo frame, ta sử dụng thẻ FRAMESET Mục đích thẻ định nghĩa tập frame trang Ví dụ1: tạo frame Frame Example Sơ đồ sau hiển thị cấu trúc frame: Cả frame cửa sổ cha, số frame nằm frameset khác ToplistFrame (navigator.html) (category.html)contentFrame (titles.html)navigatorFrame Bạn gọi tới frame trước cách sử dụng thuộc tính frames sau: listFrame top.frames[0] 6/9 Đối tượng navigator- window- location-frame contentFrame top.frames[1] navigatorFrame top.frames[2] Hình 6.4: Kết việc tạo frame Ví dụ 2: Cũng giống lựa chọn, bạn tạo cửa sổ giống ví dụ trước đỉnh hai frame lại có cửa sổ cha riêng từ navigateFrame Mức frameset cao định nghĩa sau: Frame Example 7/9 Đối tượng navigator- window- location-frame Trong file muske13.html lại tiếp tục đặt frameset: Frame Example Khi kết hiển thị ví dụ giống ví dụ phân cấp frames lại khác hẳn: topupperFrame (muske13.html)navigatorFrame (navigator.html)listFrame (category.html)contentFrame (titles.html)Bạn gọi tới frame cách sử dụng thuộc tính mảng frames sau: upperFrame top.frames[0] navigatorFrame top.frames[1] listFrame upperFrame.frames[0] 8/9 Đối tượng navigator- window- location-frame top.frames[0].frames[0] contentFrame upperFrame.frames[1] top.frames[0].frames[1] Cập nhật frame (update) Bạn cập nhật nội dung frame cách sử dụng thuộc tính location để đặt địa URL phải định rõ vị trí frame cấu trúc Trong ví dụ trên, bạn thêm dòng sau vào navigatorFrame: VALUE="Titles only" Thì nút “Titles only” nhấn, file artist.html tải vào upperFrame, hai frame listFrame, contentFrame bị đóng lại chúng chưa tồn 9/9 .. .Đối tượng navigator- window- location-frame Đối tượng window Đối tượng window nói đối tượng mức cao Các đối tượng document, frame, vị trí thuộc tính đối. .. Minh hoạ cho đối tượng cửa sổ Các chương trình xử lý kiện • onLoad - Xuất cửa sổ kết thúc việc tải • onUnLoad - Xuất cửa sổ loại bỏ 4/9 Đối tượng navigator- window- location-frame Đối tượng location... frame cửa sổ cha mẹ • Name - Tên cửa sổ thời • Parent - Đối tượng cửa sổ cha mẹ • Self - Cửa sổ thời 2/9 Đối tượng navigator- window- location-frame • Status - Được sử dụng cho thông báo tạm