课堂笔记-BOM

一.BOM 的定义

浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。

---

二.BOM 对象

1.BOM 中对象主要指 window，表示窗口浏览器。
2.所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。

  //浏览器内部宽度高度的三种方法
  //1
   console.log(window.innerWidth);
   console.log(window.innerHeight); 
  //2
   console.log(document.documentElement.clientWidth);
   console.log(document.documentElement.clientHeight);
  //3
   console.log(document.body.clientWidth);
   console.log(document.body.clientHeight);

  //为了兼容，可以写为如下形式，这样对每一种浏览器都可以进行适配
  var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth

//域名的获取
//主机域名
 console.log(window.location.hostname);
//当前页面路径
 console.log(window.location.pathname);
//完整 url（网址）
console.log(window.location);

3.一些其他的方法

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