intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE
 » 
 » 

HTML DOM với Javascript

Chia sẻ: Abcdef_15 Abcdef_15 | Ngày: | Loại File: PDF | Số trang:61

Thêm vào BST
Báo xấu
283
lượt xem 80
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Giới thiệu về HTML DOM Thuộc tính (Property) và Phương thức (Method) Xử lý sự kiện (Event)© 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web. DOM HTML với JavascriptGiới thiệu về HTML DOMHTML DOM = HTML Document Object Model Xem trang web như một cây gồm nhiều nút (node) Mỗi nút là một thành phần (tag HTML, thuộc tính, nội dung của tag) DOM định nghĩa một cách để truy xuất và điều khiển các thành phần trong 1 trang web....

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: HTML DOM với Javascript

  1. Lập trình và Thiết kế Web 1 Bài 6 – Phần 2/2 HTML DOM với Javascript HTML Khoa CNTT – ĐH.KHTN © 2007 Khoa Công nghệ thông tin
  2. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Nội dung Giới thiệu về HTML DOM Thuộc tính (Property) và Phương thức (Method) Xử lý sự kiện (Event) © 2007 Khoa CNTT - ĐHKHTN
  3. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Nội dung Giới thiệu về HTML DOM Thuộc tính (Property) và Phương thức (Method) Xử lý sự kiện (Event) © 2007 Khoa CNTT - ĐHKHTN
  4. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Giới thiệu về HTML DOM HTML DOM = HTML Document Object Model Xem trang web như một cây gồm nhiều nút (node) Mỗi nút là một thành phần (tag HTML, thuộc tính, nội dung của tag) DOM định nghĩa một cách để truy xuất và điều khiển các thành phần trong 1 trang web © 2007 Khoa CNTT - ĐHKHTN
  5. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Giới thiệu về HTML DOM - Ví dụ © 2007 Khoa CNTT - ĐHKHTN
  6. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN
  7. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Giới thiệu về HTML DOM – Cấu trúc DOM đơn giản đơ © 2007 Khoa CNTT - ĐHKHTN
  8. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Giới thiệu về HTML DOM – Cấu trúc DOM đầy đủ © 2007 Khoa CNTT - ĐHKHTN 8
  9. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Nội dung Giới thiệu về HTML DOM Thuộc tính (Property) và Phương thức (Method) Xử lý sự kiện (Event) © 2007 Khoa CNTT - ĐHKHTN
  10. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Property & Method – Cú pháp chung Property Mỗi đối tượng DOM đều có danh sách thuộc tính (Properties) và danh sách các phương thức (Method) tương ứng. objectName.propertyName = value Ví dụ: document.bgColor = “blue”; objectName.methodName() Ví dụ: window.focus(); © 2007 Khoa CNTT - ĐHKHTN
  11. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Property & Method – Các loại Objects © 2007 Khoa CNTT - ĐHKHTN
  12. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Property & Method – window Object Property Là thể hiện của đối tượng cửa sổ trình duyệt Tồn tại khi mở 1 tài liệu HTML Sử dụng để truy cập thông tin window Điều khiển các sự kiện xảy ra trong window Nếu tài liệu định nghĩa nhiều frame, browser tạo 1 window object cha và các window object con cho từng frame © 2007 Khoa CNTT - ĐHKHTN
  13. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Property & Method – window Object (tt) Thuộc tính Phương thức – document – alert – history – confirm – location – prompt – parent – blur – frames[] – focus – name – open – status – close – event – setTimeout – screen – setInterval –… –… © 2007 Khoa CNTT - ĐHKHTN
  14. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Property & Method – location Object •Chứa thông tin về URL hiện tại Thuộc tính Phương thức – hash – assign(url) – host – reload() – replace(url) – hostname – href – pathname – port – protocol – search © 2007 Khoa CNTT - ĐHKHTN
  15. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Property & Method – history Object Cung cấp danh sách các URL đã được duyệt bởi người dùng Thuộc tính Phương thức – length – back() – go(url) – forward() © 2007 Khoa CNTT - ĐHKHTN
  16. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Property & Method – navigator Object Cung cấp thông tin về trình duyệt Browser Phương thức Thuộc tính – javaEnabled() – appName –… – appVersion – appCodeName – cookieEnabled – online – platform –… © 2007 Khoa CNTT - ĐHKHTN
  17. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Property & Method – document Object Property Biểu diễn cho toàn bộ các thành phần trong 1 tài liệu HTML Dùng để lấy thông tin về tài liệu, các thành phần HTML và xử lý sự kiện © 2007 Khoa CNTT - ĐHKHTN
  18. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Property & Method – document Object (tt) Tập hợp Thuộc tính Phương thức – bgColor anchors [ ] – clear() forms [ ] – fgColor – close() frames [ ] – open(…,…) images [ ] – aLinkColor links [ ] – write(text) – linkColor – vlinkColor – writeln(text) – getElementById(“id”) – lastModified – getElementByName(“Name”) – location – getElementByTagName(“tagName”) – referrer – createTextNode(“ text ") – title – createElement(“HTMLtag") –… © 2007 Khoa CNTT - ĐHKHTN
  19. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Property & Method – Image Object Property Truy xuất đến tag trên trang web Có thể truy xuất thông qua : – documnet.images[index] – document.images[“ImageName”] – document.ImageName Một số thuộc tính của Image Obj : – alt, border, classname, title, – width, height, hspace, vspace, – id, name, src, lowsrc, longDesc, – isMap, complete © 2007 Khoa CNTT - ĐHKHTN
  20. Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Property & Method – form Object Property Dùng để truy xuất đến tag trên trang web Có thể truy xuất thông qua – documnet.forms[index] – document.forms[“FormName”] – document.FormName Một số thuộc tính : – action, method, id, name, target – classname, title, language, dir – elements[ ] Một số phương thức : – reset( ), submit( ) © 2007 Khoa CNTT - ĐHKHTN
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

THÔNG TIN
TRỢ GIÚP
HỖ TRỢ KHÁCH HÀNG
Theo dõi chúng tôi

Chịu trách nhiệm nội dung:

Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA

LIÊN HỆ

Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM

Hotline: 093 303 0098

Email: support@tailieu.vn

Giấy phép Mạng Xã Hội số: 670/GP-BTTTT cấp ngày 30/11/2015 Copyright © 2022-2032 TaiLieu.VN. All rights reserved.

 

Đồng bộ tài khoản
2=>2