DOM và BOM trong JavaScript là gì? Nếu ai đó có thể giải thích những điều này theo thuật ngữ của giáo dân thì thật tuyệt! Tôi muốn hiểu sâu hơn về những điều này.
Câu trả lời:
Các BOM (Browser Object Model) bao gồm các đối tượng navigator
, history
, screen
, location
và document
đó là con cái window
. Trong document
nú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.
document
nú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ĩ?
Bài viết này giải thích mối quan hệ giữa Javascript, DOM và BOM.
Chúng chỉ là những đối tượng khác nhau mà bạn đang xử lý:
document
và tất cả các chuyển tải bạn sẽ thực hiện trong đó, các sự kiện, v.v. history
, location
, navigator
và screen
(cũng như một số người khác mà thay đổi theo từng trình duyệt).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ổ.
Bạn có thể tìm thêm thông tin về Javascript trên Mozilla Foundation.
DOM
https://developer.mozilla.org/en-US/docs/DOM/DOM_Reference/Introduction
BOM
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.
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
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
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.