浏览器对象模型(BOM)

1.window(窗口)

1.1window.alert

window.alert和alert是一样的

1.2window.innerwinth和window.innerHerght

窗口的高度和宽度

1.3setTimou和setterval

也是window内置对象

2.navigator(导航栏)

包含有关浏览器对象，它有很多属性，使用的最多的是判断用户那个终端打开页面

3.screen(屏幕)

3.1screen.width和screen.height

屏幕的宽度和高度

3.2screen.acailwidth和screen.acailHeight

不包括底部的任务栏的高度或宽度

4.location()

window对象提供了一个location属性用于获取或设置窗体的URL，因为这个属性返回一个对象，所以这个属性也成为location对象

关于url：示例

https:为通讯协议(protocol) mp.csdn为域名(host)主机

端口号：port (下文以省略)path为路径 query:=参数  fragment:片段

http://www.itcast.cn/index.html?name=andy&age=08#link

利用loction在代码获取

location.href:获取或者设置整个url常用于页面给直接跳转

location.host,返回主机名

location.post：返回端口号

location.pathname:返回路径

location.search:返回参数

location.hash：返回片段

location.assign():跟href的效果相同，常用于页面给跳转

location.replace():替换当前页面 

location.reload():重新加载页面，相当于刷新按钮，如果参数为true强制刷新   

写文章-CSDN博客https://mp.csdn.net/mp_blog/creation/editor

5.history(历史)

window对象给我们提供了一个history对象，与浏览器的历史记录进行交互，该对象包含用户(浏览器窗口中)访问过的URl

history.back():可以后退功能

history.forword()：前进功能

history.go()：前进后退功能

6.页面加载事件

1.window.οnlοad=function(){}

2.window.addEvemntListener("load",function(){})

window.onload是窗口加载事件，当文档内容完全加载完成触发该事件（暴扣图像，脚本文件，css文件）,就调用函数

限制问题：当使用第一种方法时，不能同时在页面中添加多个load事件，如果他还是添加了，那就按照最后一个为准，其他失效。

解决办法：使用第二种方法，都没有这种问题

onload事件有一个加载问题，就是当页面种图片非常多时，必须等到全部的图片,css,页面DOM元素加载完毕之后才能加载页面加载事件，影响了页面交互效果

众所周知，在页面渲染中，分为两个阶段或者成为两个树，dom树和渲染树，当dom被创建完整之后，然后产生渲染树，进行渲染，那么我们只要在dom树生成完毕之后直接触发onload事件，就可以解决上述问题：

DOMcontentloaded是DOM创建完毕之后，不包括图片的加载和css就可以执行，加载速度就比load更快一些

7.页面窗口大小事件

window.onsize

window.addEventLister("resize",function(){})

只要窗口大小发生像素变化，就会触发这个事件

我们经常利用这个事件完成响应式布局