BOM浏览器对象模型

对话框

• alert()弹出警示框
• confirm()消息确认框，有两个按钮（确定和取消），返回true|flase
• prompt()对话框，返回值为输入的值

定时器

• setTimeout(fn,time)一次性定时器，第一个参数为一个回调函数或需要调用的函数名，第二个参数是时间（单位毫秒），返回一个定时器对象

    var timeId=setTimeout(()=>{
    console.log(1)
    },50)
    //50毫秒后调用，打印1

• setInterval(fn，time)循环定时器，一直调用，第一个参数为函数，第二个为时间每隔多少时间调用一次，返回一个定时器对象

var timeId=setInterval(()=>{
console.log(1)
}，50)
//每隔50毫秒调用一次定时器，打印输出1

浏览器窗口

• open('url')打开一个浏览器窗口，里面放url地址
• close()关闭当前浏览器窗口
• innerWidth当前窗口的宽度，包括滚动条
• innerHeidth当前窗口的高度，包括滚动条

浏览器滚动的距离

获取方式

1. document.documentElment.scrollTop|scrollLeft
2. document.body.scrollTop|scrollLeft

• scrollTop页面卷去头部的距离
• scrollLeft页面卷去左侧的距离

history历史对象

• history.back()后退一个页面
• history.forword()前进一个页面
• history.go('n|-n')n前进及n个页面，-n后退n个页面

location对象

• href获取ul地址或赋值url地址
• location.reload()重新加载当前文档
• host 返回服务器名称或者端口号
• hostname返回不带端口号的服务器名称
• pathname 返回url之中的目录和文件
• port 返回端口号，如果没有端口号返回空字符串
• protocol返回url通信协议，http|https
• search返回url中的查询字符串，以问号开头

浏览器事件

• onscroll浏览器滚动时触发