JavaScript Window - 浏览器对象模型

Model Objek Pelayar (Browser Object Model (BOM) membenarkan JavaScript berbual dengan pelayar.

Model Objek Pelayar (Browser Object Model (BOM))

Tiada standar rasmi bagi Model Objek Pelayar (BOM).

Pelayar moden telah (hampir) melaksanakan kaedah dan sifat interaksi JavaScript yang sama, oleh itu ia sering disebutkan sebagai kaedah dan sifat BOM.

Objek Window

Semua pelayar mengikut pengecualian window Objek. Ia mewakili tetingkap pelayar.

Semua objek JavaScript global, fungsi dan variabel secara automatik menjadi ahli objek window.

Variabel global adalah sifat objek window.

Fungsi global adalah kaedah objek window.

Sama ada (HTML DOM) objek document juga adalah sifat objek window:

window.document.getElementById("header");

Sama dengan:

document.getElementById("header");

Saiz tetingkap

Kedua-dua sifat ini boleh digunakan untuk menentukan saiz tetingkap pelayar.

Kedua-dua sifat ini kembalikan saiz dalam piksel:

  • window.innerHeight - Tinggi tetingkap pelayar dalaman (dalam piksel)
  • window.innerWidth - Lebar tetingkap pelayar dalaman (dalam piksel)

Tetingkap pelayar (tetingkap paparan pelayar) tidak termasuk palang alat dan palang gerak.

Untuk Internet Explorer 8, 7, 6, 5:

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

或

  • document.body.clientHeight
  • document.body.clientWidth

一个实用的 JavaScript 解决方案（包括所有浏览器）：

实例

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

亲自试一试

该例显示浏览器窗口的高度和宽度：（不包括工具栏和滚动条）

其他窗口方法

一些其他方法：

  • window.open() - 打开新窗口
  • window.close() - 关闭当前窗口
  • window.moveTo() -移动当前窗口
  • window.resizeTo() -重新调整当前窗口