BOM

BOM（Browser Object Model 浏览器对象模型）

window是全局浏览器内置顶级对象

全局变量与window

   全局变量默认属于window对象

   全局函数默认也是属于window的

1.window属性

console.log(window)

可以查看：各种关于浏览器大小、位置的属性、各种常见事件

注意：window下的各种属性或方法名都不要直接用来作为全局变量命，会冲突

2.location：

location的各种属性只需要打印出来然后找到想要的取就行了

location.reload() //刷新

location.reload（true）//传参数true指的是强制刷新，清除缓存再刷新

location.replace(‘网址’)//页面跳转

3.navigator.userAgent 返回浏览器信息（用此属性判断当前浏览器）

判断当前浏览器类型的代码：

4.history

  history.go(1)    参数可写任意整数，正数前进，负数后退

    history.back()   后退

    history.forward() 前进

5. screen: 屏幕

window.screen.width 返回当前屏幕宽度(分辨率值)

window.screen.height 返回当前屏幕高度(分辨率值)

6. window下的弹框方法

    alert()   prompt()  confirm()

确认框：confirm

   有一个返回值，点了确定返回true，点取消返回false

7.定时器：

   间隔定时器：setInterval（启动）、clearIntervar（停止）

   例1：

setInterval(‘console.log’,1000) //一般不这么写

   例2：把函数交给定时器，定时器每隔一段时间去调用一次

     定时器的返回值是当前定时器的id（计算机自动分配）

     var timer = setInterval（function（）{

console.log(i++)

//判断终点要在定时器里面写

if（I === 5）{//停止定时器，根据id来停止

clearInterval（）}

},1000）

超时定时器：setTimeout（启动）、clearTimeout（停止）

       停止定时器时，函数放在外面

    //3秒之后执行一次

var timer = setTimeout（function（）{

console.log(123)

},3000）

function fn （）{clearTimeout（timer）}

8.window事件

window.onload //window的load事件，页面加载完成之后才会会执行的代码。

   例：

window.onscroll //滚动条滚轮事件

获取滚动条高度

   window.scrollTop和window.scrollLeft有兼容性，直接取是取不到的。

兼容写法：

var scrolltop = document.documentElement.scrollTop || document.body.scrollTop; //兼容

   例：

window.onresize //窗口缩放事件

   例：

BOM

原文：https://www.cnblogs.com/52580587zl/p/12699981.html