一.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() | 调整当前窗口的尺寸 |