DOM và BOM trong JavaScript là gì?


Câu trả lời:


147

Các BOM (Browser Object Model) bao gồm các đối tượng navigator, history, screen, locationdocumentđó là con cái window. Trong documentnút là DOM (Document Object Model), mô hình đối tượng tài liệu, đại diện cho nội dung của trang. Bạn có thể thao tác nó bằng javascript.


1
> Trong documentnút là DOM Tôi nghĩ cách tốt hơn để mô tả nó là: "nút nằm trong cây DOM" hoặc "nút là đơn vị nhỏ nhất trong cây DOM" hoặc "các nút tạo ra cây DOM". Suy nghĩ?
stevemao

câu trả lời ban đầu trông hoàn hảo đối với tôi
thần thánh

46
  • DOM - Mô hình đối tượng tài liệu
  • BOM - Mô hình đối tượng trình duyệt

Bài viết này giải thích mối quan hệ giữa Javascript, DOM và BOM.


38

Chúng chỉ là những đối tượng khác nhau mà bạn đang xử lý:

  • DOM là Mô hình Đối tượng Tài liệu , xử lý tài liệu, bản thân các phần tử HTML, ví dụ: documentvà tất cả các chuyển tải bạn sẽ thực hiện trong đó, các sự kiện, v.v.
  • Các BOM là trình duyệt Object Model, trong đó giao dịch với các thành phần trình duyệt ngoài các tài liệu, như history, location, navigatorscreen(cũng như một số người khác mà thay đổi theo từng trình duyệt).

6

DOM có nghĩa là mô hình Đối tượng Tài liệu..khi trang web được tải, trình duyệt sẽ tạo mô hình đối tượng tài liệu cho trang..Tất cả các đối tượng được sắp xếp dưới dạng cấu trúc cây ...

BOM có nghĩa là Đối tượng Trình duyệt Mô hình. Đối tượngwindow được hỗ trợ bởi tất cả các trình duyệt, nó đại diện cho trình duyệt cửa sổ. Tất cả các đối tượng, hàm và biến JavaScript toàn cầu sẽ tự động trở thành thành viên của đối tượng cửa sổ.



4

DOM: Đối tượng tài liệu đại diện cho toàn bộ tài liệu html. Khi tài liệu html được tải trong trình duyệt, nó sẽ trở thành một đối tượng tài liệu.

BOM: Đối tượng cửa sổ đại diện cho một cửa sổ trong trình duyệt. Một đối tượng của cửa sổ được tạo tự động bởi trình duyệt.


3

BOM có nghĩa là Mô hình Đối tượng Trình duyệt. Đây là những đối tượng mà bạn có thể sử dụng để thao tác trên trình duyệt. họ là hoa tiêu

  • hoa tiêu
  • màn
  • vị trí
  • lịch sử
  • tài liệu

chúng đều là con của Window Object. DOM là Mô hình Đối tượng Tài liệu là một phần của BOM và nó giúp bạn thao tác nội dung của tệp trang được tải. điều này bao gồm HTML và CSS


3

DOM -> Mô hình đối tượng tài liệu trong JavaScript là API để truy cập các phần tử bên trong tài liệu. Nó ánh xạ toàn bộ Tài liệu thành một hệ thống phân cấp của cây mẹ và cây con. Mỗi nút có thể chứa một số phần tử con hoặc có thể kế thừa cho phần tử mẹ khác theo một cách nào đó hoặc theo cách khác.

BOM -> Mô hình đối tượng trình duyệt là một đại diện lớn hơn của mọi thứ do trình duyệt cung cấp bao gồm tài liệu hiện tại, vị trí, lịch sử, khung và bất kỳ chức năng nào khác mà trình duyệt có thể hiển thị với JavaScript. Mô hình Đối tượng Trình duyệt không được chuẩn hóa và có thể thay đổi dựa trên các trình duyệt khác nhau.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.