MDRY

导航

JavaScript Window - 浏览器对象模型(BOM)

 浏览器对象模型 (BOM):

现代浏览器已经实现了JavaScript交互性的相同方法和属性,所以常被认为是BOM的方法和属性

Window 对象:

所有浏览器都支持window对象,表示浏览器的窗口

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

DOM 的 document 也是 window 对象的属性之一

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

其他 Window 方法

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

 

posted on 2022-09-24 12:17  小懵丹儿  阅读(18)  评论(0编辑  收藏  举报