day9:BOM

BOM对象概念

BOM:浏览器对象模型（地址栏，历史记录，屏幕，滚动条，关闭）

1. 顶级对象window

 //       下面5个属于window的子对象
 //               document  文档对象
 //               history   历史记录对象
 //               location  地址栏对象
 //               screen    屏幕对象
 //               navigtor  浏览器对象

2. 自定义对象
3. 内置对象 Array String Math
4. 宿主对象
   window的五大对象
   一. document文档对象

1.body 获取body的
2. documentElement 获取html的
console.log(document.body);
console.log(document.documentElement); // 获取html的
二. screen对象

    // console.log(screen.width);
    // console.log(screen.height);

三. history 历史记录

    // console.log(history);
    //   方法：back()   后退一个页面
    //   方法：forward()   前进一个页面
    //        history.go(-1)  往后退
    //        history.go(1)  往前进

四.location地址栏

    //   host: 主机 域名   host: "www.jd.com"
    //   href： 地址栏信息
    //   pathname:路径名
    //   port: 端口
    //   protocol： 协议名 https http  ftp 
    //  方法：reload() 刷新

//  window.location.reload() ;// 刷新，放在全局位置会一直刷新。f5
//  window.location.reload(true) ;// 强制刷新，放在全局位置会一直刷新。f5+shift

//  不建议放在window全局下

五. navigator: 浏览器相关信息

// console.log(navigator);

window相对的属性和方法
window对象

属性：

1. innerHeight（浏览器的高度,带滚动条）

2. innerWidth（浏览器的宽度,带滚动条）

 console.log(window.innerWidth);//
 console.log(innerWidth);//window对象可以省去
 console.log(document.body.clientWidth);//获取元素的可视宽度

方法：

1. alert() 弹出框 等价于 window.alert()
2. confirm()确认框 带返回值，点击确定返回true，点击取消返回false
3. prompt()输入框 待返回值 返回你输入的内容
4. setInterval(回调函数,毫秒值)设置间歇型定时器
5. clearInterval(定时器名称) 清除间歇型定时器
6. setTimeout(回调函数,毫秒值) 设置延迟性定时器（超时定时器）
7. clearTimeout 清除延迟性定时器（超时定时器）
8. onload() : 等页面资源（页面图片，文字，标签）加载完毕后执行
9. onscroll(): 页面滚动时会触发
10. onresize(): 页面窗口变化时触发