Bài giảng Lập trình mạng: Bài 5 - Đoàn Thiện Ngân

Bài 5: HTML DOM – Biến cố. Nội dung trình bày gồm: Giới thiệu HTML DOM, đối tượng window, Đối tượng navigator, các thuộc tính của đối tượng document, Các phương thức của đối tượng document, đối tượng frame, các thuộc tính của đối tượng frame,... Mời các bạn tham khảo.
Nội dung trích xuất từ tài liệu:
Bài giảng Lập trình mạng: Bài 5 - Đoàn Thiện Ngân HTML DOM BIẾN CỐGV: ĐOÀN THIỆN NGÂN Nội dungChương 8: HTML DOM – BIẾN CỐ • HTML DOM • BIẾN CỐ LTM1 – HTML DOM & EVENT – 2/24 Giới thiệu HTML DOM• HTML DOM: Document Object Model for HTML• Mô hình đối tượng tài liệu (document) trong trình duyệt.• DOM định nghĩa tập chuẩn về cách truy xuất, thao tác các đối tượng trong tài liệu HTML• DOM thể hiện tài liệu HTML ở dạng cấu trúc cây, với mỗi nút (node) trên cây đại diện cho một phần tử HTML. Nút lớn nhất là window.• Các nút nằm bên trong một nút được gọi là nút con, còn các nút thuộc cùng mức được xem là nút anh em. LTM1 – HTML DOM & EVENT – 3/24LTM1 – HTML DOM & EVENT – 4/24 Đối tượng window• Các thuộc tính: frames, closed, defaultstatus, length, name, opener, parent, self, status, top, document, history, location,• Các phương thức: üprint(), alert(msg), confirm(msg), prompt(msg,default-value), üsetTimeout(func,millisec), clearTimeout(id), setInterval(func, millisec), clearInterval(id), ümoveBy(x,y), moveTo(x,y), resizeTo(x,y), resizeBy(x,y), blur(), focus(), close(), üopen(url,tên-window,_blank| _parent| _self| _top| tên_newwindow, [thuộctính1=val1, thuộctính2=val2,… ]) LTM1 – HTML DOM & EVENT – 5/24 Đối tượng navigator• Đối tượng navigator thể hiện các thông tin về trình duyệt với các thuộc tính và phương thức: üappCodeName: mã tên của trình duyệt. üappName: tên trình duyệt. üappVersion: phiên bản của trình duyệt. übrowserLanguage: ngôn ngữ hiện tại của trình duyệt. üplatform: nền của hệ điều hành. üjavaEnabled(): cho biết trình duyệt có hỗ trợ Javascript hay không. LTM1 – HTML DOM & EVENT – 6/24 Đối tượng location• Thuộc tính và phương thức của đối tượng location ühref: thể hiện url của trang web. üreload(): nạp lại trang web hiện tại. üreplace(): thay thế nội dung hiện tại bằng một trang web mới. LTM1 – HTML DOM & EVENT – 7/24 Đối tượng history• Thuộc tính và phương thức của đối tượng history: ülength: số lượng URL mà người dùng đã truy cập. übackward(): nạp URL trước đó trong danh sách URL history. üforward(): nạp URL kế tiếp trong danh sách URL history. ügo(number|URL): nạp một URL có thứ tự cụ thể trong danh sách URL history. LTM1 – HTML DOM & EVENT – 8/24 Các thuộc tính của đối tượng document• Các thuộc tính của đối tượng document: üanchors: trả về mảng chứa tất cả các tên bookmark trong tài liệu. üforms: trả về mảng chứa tất cả đối tượng form trong tài liệu. üimages: trả về mảng chứa tất cả đối tượng ảnh trong tài liệu. ülinks: trả về mảng chứa tất cả đối tượng liên kết trong tài liệu. übody: phần tử body của trang. ütitle: tựa đề của tài liệu. LTM1 – HTML DOM & EVENT – 9/24 Các thuộc tính của đối tượng document• Các thuộc tính của đối tượng document: ü alinkcolor: màu của liên kết đang được kích hoạt. ü vlinkcolor: màu của liên kết đã được chọn. ü linkcolor: màu của liên kết trong tài liệu. ü bgcolor: màu nền của tài liệu. ü fgcolor: màu của văn bản trong tài liệu. ü location: thể hiện địa chỉ của document. LTM1 – HTML DOM & EVENT – 10/24Các phương thức của đối tượng documentügetElementById(id): trả về phần tử HTML có id tươngứng.ügetElementsByName(name): trả về một mảng gồm cácphần tử HTML có tên tương ứng.ügetElementsByTagName(tagname): trả về một mảngcác phần tử HTML có tên thẻ tagname đã chỉ định.üdocument.write(str): ghi một dòng văn bản vào tàiliệu.üdocument.writeln(str): ghi một dòng văn bản vào tàiliệu, có kèm thêm dấu xuống dòng.üopen(text/html, replace): tạo nội dung mới cho tàiliệu, dùng kết hợp với hàm document.write().üclose(): đóng tài liệu khi đã dùng hàm open() bên trên. LTM1 – HTML DOM & EVENT – 11/24 Đối tượng frame• Đối tượng frame: một phần tử HTML frame.• Trong tài liệu HTML có bao nhiêu thẻ , sẽ có tương ứng bấy nhiêu đối tượng frame.• Thuộc tính frames của window: mảng các frame var allframes = window.frames; üvar myframe = window.frames[i]; üvar myframe = window.frames[tên_frame]; üvar myframe = window.tên_frame; üvar myframe = document.getElementById(frame_id); LTM1 – HTML DOM & EVENT – 12/24 Các thuộc tính của đối tượng frame• frameBorder=1|0: hiển thị đường biên của frame• name: tên frame.• scrolling=yes|no: cho biết hiển thị thanh cuộn hay không.• src=URL: địa chỉ của tài liệu hiển thị bên trong frame.• noResize=true|false: cho biết có thể thay đổi kích thước frame hay không. ...