JS BOM

BOM

一.window对象

• BOM的核心对象是window， 在全局作用域声明的变量、函数都会变成window对象的属性和方法。
• 全局变量不可以通过delete删除，但是window对象上直接定义的属性可以

二.位置大小

1.screenTop、screenLeft：窗口位置
screenTop:浏览器窗口相对于电脑窗口上边的位置
screenLeft：浏览器窗口相对于电脑窗口左边的位置
2.innerWidth、innerHeight、outerWidth、outerHeight：窗口大小
innerWidth、innerHeight：返回页面可视区大小（减去了边框）
outerWidth、outerHeight==： 返回浏览器本身的尺寸
3.clientWidth、clientHeight：保存了页面视口信息

• 使用方法：
  documetn.documentElement.clientWidth
  document.documentElement.clientHeight

4.resizeTo(X,Y)、resizeBy(X,Y):调整浏览器窗口大小
resizeTo(X,Y):接收的是新的宽和高
resizeBy(X,Y):接收的是高度差，如果X,Y是正的，就在原有宽高上加上这么多，如果是负的就减去这么多
5.window.open(url，窗口目标，特定字符串，是否替代当前页面)，window.close()

//打开页面
<input type="button" value="open" οnclick="window.open('close.html'); "/>
//关闭页面
<input type="button" value="close" οnclick="window.close()"/>

6.超时调用、间歇调用
（1）超时调用
setTimeout(代码，毫秒数)：返回一个数值ID
clearTimeout(数值ID);
（2）间歇调用
setInterval(代码，毫秒数)：返回一个数值ID
clearInterval(数值ID）
7.系统对话框
（1）alert（"hello world "）；

(2)confirm(“hello world”);

（3）.prompt()

三、location对象

window.location=document.location：把当前的地址显示出来
用法1：alert(window.location);
用法2：onclick="window.location='网址' "//点击直接跳转到网址

四、navigator对象

1.window.navigator.userAgent
alert(window.navigator.userAgent); //判断浏览器类型