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 B rower O bject M odel (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 của 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 window
tượng đượ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 JavaScript toàn cục sẽ tự động trở thành thành viên của đối tượng window.
Các 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 cửa sổ.
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");
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 (khung nhìn trình duyệt) KHÔNG bao gồm thanh công cụ và thanh cuộn.
Thí dụ
let w = window.innerWidth;
let h = window.innerHeight;
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ớiwindow.close()
- đóng cửa sổ hiện tạiwindow.moveTo()
- di chuyển cửa sổ hiện tạiwindow.resizeTo()
- thay đổi kích thước cửa sổ hiện tại