JS垫脚石-BOM篇

概述

• Browser Object Model 浏览器对象模型
• 所有JavaScript全局对象、函数以及变量均自动成为window对象的成员
• 全局变量是window对象的属性，全局函数是window对象的方法

window对象常用属性

1. 窗口尺寸（不包括工具栏和滚动条）
   window.innerHeight：浏览器窗口的内部高度
   window.innerWidth：浏览器窗口的内部宽度
   document.documentElement.clientHeight（ie6、7、8下没有innerHeight属性，用dom方法代替）
   document.documentElement.clientWidth
2. 屏幕尺寸
   window.screen.availWidth：可用的屏幕宽度
   window.screen.availHeight：可用的屏幕高度
   window.screen.width/window.screen.height：屏幕分辨率

history子对象

浏览器访问记录
- window.history.length：访问过的网址条数
- window.history.back()：返回到上一条访问记录的地址
- window.history.forward()：前进到下一条访问记录的地址
- window.history.go()：跳转到指定的地址（整数参数向下几条，负数参数向上几条）

navigator子对象

浏览器的相关信息
- platform操作系统平台
- cookieEnable检测浏览器是否允许cookie存储
- userAgent用户代理信息（操作系统平台、浏览器品牌、浏览器的内核、浏览器的版本）

location子对象

当前页面地址栏URL相关信息
- href：完整地址信息想字符串值
- search：查询信息（问号？之后的部分）
- hash：锚信息（从#号开始的部分）
- reload()：重新加载当前页面
- assigh()：载入新页面
location.assign("http://www.baidu.com");
- replace()：用新文档替换当前页面

常用方法和事件

方法
- window.open()
*参数：
1.要打开的页面地址；
2.在哪一个窗口中打开页面，默认是_blank，其他_self _top _parent #frame
3.设置新窗口的特征（窗口尺寸，窗口相对屏幕左上角位置，是否显示菜单栏等）
4.是否用新窗口的地址记录替换当前窗口在浏览器历史记录列表中的记录条目（true表示替换，false表示新建一个新历史记录）。该参数设置无效果，因为浏览器不允许操作历史记录。*
- window.close()
chrome/safari直接调用和事件触发调用都允许；ie浏览器直接调用会有确认提示；firefox只允许在事件中关闭由window.open()方法打开的窗口
事件
- window.οnscrοll=function(){}：滚动条滚动的时候触发
- window.οnresize=function(){}：浏览器大小被重置的时候触发