Cửa sổ JavaScript - Mô hình đối tượng trình duyệt
Mô hình đối tượng trình duyệt (BOM) cho phép JavaScript "nói chuyện với" trình duyệt.
Mô hình đối tượng trình duyệt (BOM)
Không có tiêu chuẩn chính thức nào cho mô hình đối tượng B rower O (BOM).
Vì các trình duyệt hiện đại đã triển khai (gần như) các phương thức và thuộc tính giống nhau cho khả năng tương tác JavaScript, nên nó thường được gọi là các phương thức và thuộc tính của BOM.
Đối tượng cửa sổ
Đối tượng window
được hỗ trợ bởi tất cả các trình duyệt. Nó đại diện cho cửa sổ của trình duyệt.
Tất cả các đối tượng, hàm và biến toàn cục của JavaScript sẽ tự động trở thành thành viên của đối tượng window.
Biến toàn cục là thuộc tính của đối tượng window.
Các hàm toàn cục là các phương thức của đối tượng window.
Ngay cả đối tượng tài liệu (của HTML DOM) cũng là một thuộc tính của đối tượng cửa sổ:
window.document.getElementById("header");
cũng giống như:
document.getElementById("header");
Kích thước cửa sổ
Hai thuộc tính có thể được sử dụng để xác định kích thước của cửa sổ trình duyệt.
Cả hai thuộc tính đều trả về kích thước tính bằng pixel:
-
window.innerHeight
- chiều cao bên trong của cửa sổ trình duyệt (tính bằng pixel) -
window.innerWidth
- chiều rộng bên trong của cửa sổ trình duyệt (tính bằng pixel)
Cửa sổ trình duyệt (chế độ xem trình duyệt) KHÔNG bao gồm thanh công cụ và thanh cuộn.
Các phương pháp cửa sổ khác
Một số phương pháp khác:
-
window.open()
- mở một cửa sổ mới -
window.close()
- đóng cửa sổ hiện tại -
window.moveTo()
- di chuyển cửa sổ hiện tại -
window.resizeTo()
- thay đổi kích thước cửa sổ hiện tại