BOM

BOM的一些方法

1. 浏览器对象模型
2. BOM与DOM的关系

• javacsript 是通过访问 BOM 对象来访问、控制、修改浏览器
• BOM 的 window 包含了 document，因此通过 window 对象的 document 属性就可以访问、
  检索、修改文档内容与结构。
• document 对象又是 DOM 模型的根节点。
  因此，BOM 包含了 DOM，浏览器提供出来给予访问的是 BOM 对象，从 BOM 对象再访
  问到 DOM 对象，从而 js 可以操作浏览器以及浏览器读取到的文档

3. BOM 对象包含以下内容

• Window JavaScript 层级中的顶层对象，表示浏览器窗口。
• Navigator包含客户端浏览器的信息。
• History 包含了浏览器窗口访问过的 URL。
• Location 包含了当前 URL 的信息。
• Screen 包含客户端显示屏的信息。

4. Window对象

• Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象
  是全局对象，所有的表达式都在当前的环境中计算。也就是说，要引用当前窗口根本不需要
  特殊的语法，可以把那个窗口的属性作为全局变量来使用。例如，可以只写 document，而
  不必写 window.document。

window常用对象属性

1. window.pageXOffset
   页面滚动条的横向坐标
2. window.pageYOffset
   页面滚动条的纵向坐标
3. offsetTop
   DOM距顶部的距离
4. window.innerHeight
   整个页面的高度
5. window.screenX
   整个浏览器的横向距坐标
6. window.screenY
   整个浏览器的纵向距坐标
7. window.screenLeft
   整个浏览器的横向距坐标
8. window.screenTop
   整个浏览器的纵向距坐标
9. window.name
   浏览器窗口的名字
10. window.confirm
    浏览器弹出两个选项
11. window.prompt
    浏览器弹出输入框
12. window.onbeforeunload
    事件，当用户要离开窗口点击x才触发
13. window.open()
    弹出一个新窗口，可以设置三个参数
    第一个参数，网址，第二个参数，窗口名字，第三个参数，宽度
14. window.close
    关闭窗口

Navigator常用对象属性

1. cookieEnabled
   判断当前浏览器的cookie时候打开
2. onLine
   判断当前浏览器是否处于脱机模式
3. userAgent
   返回当前浏览器的版本等信息

History对象

1. History对象属性

• length
  记录浏览器窗口改变了几次的次数

2. History对象方法

• back()
  加载history的前一个页面
• forward()
  加载history的后一个页面
• go()
  加载History列表的一个具体页面

Location对象属性

都可读可写

1. hash
   返回锚点
2. host
   返回域名
3. href
   返回url
4. protocol
   返回协议
5. pathname
   返回路径
6. search
   返回参数

Screen对象属性

Screen 对象包含有关客户端显示屏幕的信息。每个 Window 对象的 screen 属性都引
用一个 Screen 对象。Screen 对象中存放着有关显示浏览器屏幕的信息。JavaScript 程序将
利用这些信息来优化它们的输出，以达到用户的显示要求。例如，一个程序可以根据显示器
的尺寸选择使用大图像还是使用小图像，它还可以根据显示器的颜色深度选择使用 16 位色
还是使用 8 位色的图形。另外，JavaScript 程序还能根据有关屏幕尺寸的信息将新的浏览器
窗口定位在屏幕中间。
好像不常用，不兼容，浏览器不支持