美文网首页
BOM--window对象

BOM--window对象

作者: Renderz_干了这碗口嚼酒 | 来源:发表于2017-05-04 14:03 被阅读11次

BOM

BOM是Browser Object Model的简写,

Windos 对象

概念:

  1. 浏览器环境下的顶层对象,顶层this指向的对象
  2. 全局变量是window对象的属性
  3. 全局函数的window对象的方法
  4. ES6里用const或者let避免加入window对象

属性:

  • innerWidth:窗口宽
  • innerHeight:窗口高
  • document.body.clientWidth:IE8下窗口宽
  • document.body.clientHeight:IE8下窗口高

方法:

  • window.open():打开窗口
  • window.close():关闭窗口
  • window.moveTo():移动窗口
  • window.resizeTo():改变窗口大小

实际应用: 获取窗口宽高的方法

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

相关文章

网友评论

      本文标题:BOM--window对象

      本文链接:https://www.haomeiwen.com/subject/npnrtxtx.html