JavaScript Window - 浏览器目标模型


浏览器目标模型 (BOM) 使 JavaScript 有才能与浏览器"对话"。


浏览器目标模型 (BOM)

浏览器目标模型(Browser Object Model (BOM))尚无正式规范。

因为现代浏览器现已(简直)完成了 JavaScript 交互性方面的相同办法和特点,因而常被认为是 BOM 的办法和特点。


Window 目标

一切浏览器都支撑 window 目标。它表明浏览器窗口。

一切 JavaScript 大局目标、函数以及变量均主动成为 window 目标的成员。

大局变量是 window 目标的特点。

大局函数是 window 目标的办法。

乃至 HTML DOM 的 document 也是 window 目标的特点之一:

window.document.getElementById("header");

与此相同:

document.getElementById("header");


Window 尺度

有三种办法可以确认浏览器窗口的尺度(浏览器的视口,不包括东西栏和滚动条)。

关于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:

  • window.innerHeight - 浏览器窗口的内部高度
  • window.innerWidth - 浏览器窗口的内部宽度

关于 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 办法

一些其他办法:

  • window.open() - 翻开新窗口
  • window.close() - 封闭当时窗口
  • window.moveTo() - 移动当时窗口
  • window.resizeTo() - 调整当时窗口的尺度