JavaScript的学习笔记（day14）

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

 提供与网页无关的浏览器功能对象，为WEB开发提供了浏览器间相互操作的基础。

2.window对象

概念：BOM的核心，表示浏览器的实例，window对象在ES中表示的是Global对象，在浏览器窗口表示的是JS的接口

2.1 Global作用域

window对象是ES中Global对象的复用，因此，在浏览器环境中，通过var声明的所有全局变量和
函数都存在window对象中

2.2 Window窗口

相关属性
位置属性

screenLeft & screenTop：返回窗口相对于屏幕的X和Y坐标（火狐不支持该属性）
screenX & screenY：返回相对于屏幕的X和Y坐标（IE不支持，火狐支持该属性）
pageXOffset：设置或返回当前页面相对于窗口显示区左上角的X坐标
pageYOffset：设置或返回当前页面相对于窗口显示区左上角的Y坐标

注意：IE8及之前的版本不支持该属性，但是可以通过document.body.scrollLeft/scrollTop属性

窗口大小属性

innerWidth：视图区宽度
innerHeight：视图区高度
outerWidth：浏览器窗口宽度
outerHeight：浏览器窗口高度

注意：IE8及之前的版本不支持这些属性

screen对象及其属性

screen.width/height：屏幕总宽度/高度（像素单位）
screen.availWidth/availHeight：可用宽度/高度（像素单位）
screen.colorDepth：颜色深度
screen.pixelDepth：颜色分辨率

2.3 window.open()方法

用于导航到指定的URL，也可以用于打开新的浏览器窗口
语法：window.open(URL, name, specs, replace) 参数均是可选择输入
参数：
  URL：指定的页面URL地址，没有指定则打开一个空白窗口
  name：指定target属性或者窗口的名称
    _blank: 新建窗口打开这个指定的URL
    _parent: 将指定的URL加载到父框架
    _self: 将指定的URL替换当前页面
    _top: 将指定的URL替换任何可加载的框架集
    字符串：窗口名称
  specs：将要打开的窗口的一些特性
  replace：布尔值 判断是替换浏览历史中的当前条目还是创建新条目

2.4 系统对话框

alert：警告框 当传入的参数不是原始字符串时会调用toString()方法转化为字符串 
confirm：确认框 返回用户点击的是确定还是取消的布尔值
pro