JavaScript:) BOM

BOM

• BOM(Browerser Object Model):浏览器对象模型
• 操作浏览器
• BOM的核心就是window对象
• window就是浏览器内置的一个对象
  获取浏览器的窗口的尺寸
• innerHeight和innerWidth:浏览器窗口的宽度和高度

浏览器的弹出层

• alert:浏览器弹出一个提示框
• confirm:浏览器的一个询问框
• prompt:浏览器弹出一个输入框

浏览器的地址信息
window中有一个对象location

• location.href:存储的是一个浏览器地址栏内url地址的信息，这个属性也可以给它赋值
• location.reload:重新加载一遍页面

浏览器的历史记录
window中有一个对象history，存储历史记录信息

• history.back:回退历史记录的，回到上一个页面
• history.forword:去下一个页面

浏览器的onload事件

• 在页面所有资源加载完毕之后执行

浏览器的onscroll事件

• 当浏览器的滚动条滚动触发或者鼠标滚轮滚动时
• 前提是页面的高度要超过浏览器的可视窗口

浏览器的滚动的距离

• 使用document对象
  scrollTop
  -获取页面向上滚动的距离
• IE浏览器没有DOCTYPE声明，这两个都可以，有DOCTYPE只能用2
• Chrome和 FireFox,没有DOCTYPE,用1，有DOCTYPE用2
• Safari,使用3

1document.body.scrollTop
2 document.documentElement.scrollTop
3window.pageYOffset

scrollLeft

• 获取页面向左滚动的距离，

• 同上scrollTop

1document.body.scrollLeft,
2document.documentElement.scrollLeft

浏览器的版本信息

window中有一个对象nevigator,浏览器信息

• navigator.userAgent:浏览器的整体信息
• navigator.appName:浏览器的名称
• navigator.appVersion:浏览器的名称
• navigator.platform:计算机当前的操作系统