Chương 6: MÔ HÌNH ĐỐI TƯỢNG TRÌNH DUYỆT

Trình duyệt là một ứng dụng dùng để hiển thị các nội dung của một tư liệuHTML. Các trình duyệt cũng đã đưa ra một số đối tượng để các script có thể truycập, các đối tượng này được tổ chức theo một mô hình phân cấp, gọi là mô hìnhđối tượng trình duyệt (BOM, Browser Object Model)
Nội dung trích xuất từ tài liệu:
Chương 6: MÔ HÌNH ĐỐI TƯỢNG TRÌNH DUYỆT Chương 6 MÔHÌNHĐỐITƯỢNGTRÌNHDUYỆTI. KHÁI NIỆM Trình duyệt là một ứng dụng dùng để hiển thị các nội dung của một tư liệuHTML. Các trình duyệt cũng đã đưa ra một số đối tượng để các script có thể truycập, các đối tượng này được tổ chức theo một mô hình phân cấp, gọi là mô hìnhđối tượng trình duyệt (BOM, Browser Object Model) BOM đóng vai trò như là một API (Application Programming Interface) choviệc lập trình các ứng dụng trên nền tảng web cho client-side hay cách khác: chínhtrong môi trường trình duyệt, JavaScript dựa vào mô hình này để truy xuất các đốitượng trên một trang web để cập nhật nội dung, cấu trúc và kiểu dáng của đốitượng Mỗi đối tượng trong BOM là một tập hợp gồm : - Các thuộc tính (Properties) - Các phương thức (Methodes) - Các sự kiện (Events) có thể kết hợp trên đối tượng. Trong giáo trình này, chúng ta trình bày các đối tượng trong BOM được cảIE 5.0 và NN 6.0 sử dụng và một số nét đặc sắc của mỗi mô hình đối tượng trìnhduyệt của IE và NN. IE Browser Objects NN Browser Objects Trong IE BOM, đối tượng lớn nhất là đối tượng window, còn trong NNBOM, đối tượng window và đối tượng navigator là ngang cấp. Sự khác nhau giữa IE BOM và NN BOM chủ yếu là các đối tượng và cácthuộc tính và phương thức của mỗi đối tượng. Lưu ý : một số tài liệu đề cập đến khái niệm DOM, mô hình đối tượng tưliệu (Document Object Model), đây là một lĩnh vực rộng lớn chủ yếu dành choXML. Thuật ngữ BOM khá xa lạ với các tài liệu bằng tiếng Việt, tuy nhiên 93P.Kantor thuộc Đại học New York đã sử dụng khái niệm này trong giáo trình củamình.II. CÁC ĐỐI TƯỢNG CỦA MÔ HÌNH ĐỐI TƯỢNG TRÌNH DUYỆT Có 9 đối tượng của trình duyệt: window, document, event, frame, history,location, navigator, screen, mimeType và plugin; ta sẽ lần lượt nghiên cứu các đốitượng quan trọng, trong đó đối tượng quan trọng nhất là đối tượng documentII.1. Đối tượng window Đối tượng window miêu tả cửa sổ đang hiển thị trang web, cung cấp cáckhả năng truy xuất đến các đối tượng con của nó và các trạng thái cũng như nắmbắt các sự kiện xảy ra trên cửa sổ này.II.1.1: Các thuộc tính - defaultStatus: dòng thông báo xuất hiện trên thanh trạng thái của cửa sổtrình duyệt. - status : dòng thông báo tạm thời xuất hiện trên thanh trạng thái của cửa sổtrình duyệt. - frames : mảng các frame được chứa bên trong cửa sổ trình duyệt - location : URL của tệp tin tư liệu HTM được mở trong cửa sổ hiện thời - name : tên của cửa sổ - closed : xác định trạng thái của cửa sổ có được đóng hay không. - top : trả về sổ cha nằm phía trên nhất. - parent : tham chiếu đến cửa sổ chứa một cửa sổ khác - self, window : chỉ cửa sổ hiện thời. - external : trả về host của trang web - openner : khi một cửa sổ được mở, thuộc tính openner trỏ đến cửa sổ chacủa nó.II.1.2: Các phương thức - alert : hiển thị một hộp hội thoại chứa một thông báo do một ứng dụngxác định. - confirm : hiển thị một hộp hội thoại chứa một thông báo do một ứng dụngxác định và hai nút lệnh Yes, No; phương thức trả về true | false tùy thuộc ngườisử dụng ấn nút yes hay no. - prompt : hiển thị một hộp hội thoại chứa một thông báo do một ứng dụngxác định và một text box để người sử dụng nhập liệu. Phương thức trả về một dữliệu kiểu chuổi. Cú pháp : window.prompt(dòng nhắc, giá trị mặc nhiên); - close : đóng cửa sổ trình duyệt hiện thời hay một ứng dụng HTML(HTA). - open : mở một cửa sổ mới và nạp tệp tư liệu HTML được cho bởi URL.Cú pháp : window.open(URL, windowName, features); Trong đó feature là các sắc thái của cửa sổ mới, đây là tham số tùy chọn. Mộtsố thuôc tính và giá trị : o height | width | left | = x ; xác định kích thước của cửa sổ và khoảng cách bên trái với cửa sổ hiện tại, đơn vị tính bằng pixel. 94 o location | menubar | scrollbars | toolbar : thêm thanh địa chỉ, ... vào cửa sổ (gán giá trị yes sau mỗi thuộc tính để xác định) o resizable : cửa sổ có thể thay đổi kích thước Ví dụ : window.open(chuong1.htm,wChap1,width=400, height=200); - print : in trang web hiện thời ra máy in. - setTimeOut(); - focus: chuyển cửa sổ vừa mở tiến đến phía trước. Ví dụ : VietNamNet - blur : ngược lại với phương thức focus(), đưa cửa sổ đang mở ra phía sau. - resizeTo(x, y) : thay đổi kích thước cửa sổ với width =x và height=y. - resizeBy(m, n) : với m,n ∈ Z, tăng / giảm kích thước cửa sổ với m,n pixel. - moveTo(x,y) : di chuyển cửa sổ đến vị trí với tạo độ đỉnh trên trái đến(x,y) - ...