JS面向浏览器对象的编程方法

一、BOM（Browser Object Model）浏览器对象模型，js中一整套操作浏览器对象的属性和方法。BOM对象不能自己创建，浏览器会在文档加载进内存时自动创建
window对象（浏览器窗口）
1、windows对象属性：
window.innerWidth 用来获取当前浏览器窗口的宽
window.innerHeight 用来获取当前浏览器窗口的高
window.location(对象类型):有两个属性

location.href:可以用来获取地址栏，也可以修改地址栏，完成跳转 （与a标签的跳转属性相比，它能通过js进行跳转地址的动态修改）
location.reload():用来进行页面的刷新。
参数： boolean类型，不填即为默认false
  true：使用本地缓存（相当于f5）；false（相当于ctrl+f5）：不使用缓存，向服务器端直接请求；

window.history(对象类型):用于浏览器页面的前进后退。

history.back();//等价于点击浏览器窗口的后退按钮
history.forward(); //等价于点击浏览器窗口的前进按钮
history.go() 函数 -- 前进或后退指定的页面数（负数后退，正数前进）
history.length 表示当前浏览器窗口一共访问过多少页面

window.onload(事件属性)：当浏览器窗口的内容（网页）加载完毕（网页显示完毕），执行函数里的功能
window.onscroll(事件属性)：当浏览器窗口滚动时，会调用函数
window.onresize(事件属性)：当浏览器窗口大小发生变化时，会调用函数
2、window对象的官方方法(函数)
使用方法：window.方法名（）；window 可省略不写
1)alert();弹出警告框,如下图：

效果图：

2）confirm();弹出选择对话框，如下图：

效果图：

如果点击确定返回值为true，点击取消返回值为false。
3）prompt();弹出输入对话框，如下图：

效果图：
第一个参数为提示对话，第二个为默认输入文本，如果点击确定，返回值为输入的文本，点击取消返回值则为null。
4）window.scrollTo() 函数 把浏览器窗口里的网页滚动到指定位置
参数：
第一个参数：横向的位置
第二个参数：纵向的位置
5）查看或获取浏览器窗口里的网页滚动的指定位置
兼容性写法：document.documentElement.scrollTop || document.body.scrollTop
6）window.setInterval(函数名称，时间)；每隔指定时间调用一次函数
参数：
函数（回调函数）
时间间隔：单位是毫秒
返回值：定时器编号（数字）
7）window.clearInterval(定时器编号)；清除定时器
8）window.setTimeout(函数名称，时间)；到了指定的时间后，调用函数一次
参数：
函数（回调函数）
时间间隔：单位是毫秒
返回值：定时器编号（数字）
9）window.clearTimeout(定时器编号)；清除定时器
10）window.open() 打开新窗口
参数：
第一个参数：打开目标的url；
第二个参数：弹出窗口的名字；
第三个参数：设置弹出窗口的style属性；
11）window.close()关闭当前窗口