浏览器对象初识

一、了解BOM？（来自百度百科）

        BOM（Browser Object Model) 是指浏览器对象模型。是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。

二、window对象

      1 window对象充当全局的作用域，而且表示浏览器的窗口。而且所有的浏览器都支持                   window对象

      2 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员

      3  window对象有innerWidth和innerHeight属性，用来获取浏览器的内部的宽度和高度。              （除去标签栏、菜单栏、边框等等）但是IE8以及以下的不支持这个属性。

     4  window对象有outerWidth和outerHeight属性,是用来获取浏览器的宽和高。

三、navigator对象

     1 navigator对象表示浏览器的信息。

     2 navigator.appName：浏览器名称；

     3 navigator.appVersion：浏览器版本；

     4 navigator.language：浏览器设置的语言；

     5 navigator.platform：操作系统类型；

     6 navigator.userAgent：浏览器设定的User-Agent字符串。

   注意：不能用于检测浏览器的版本。

   原因：navigator 数据可被浏览器使用者更改

            一些浏览器对测试站点会识别错误

            浏览器无法报告晚于浏览器发布的新操作系统

四、location对象（在刷新那节提过的）

      1 location对象表示当前页面的url信息。

      2  location.href属性返回当前页面的URL。

      3 location.assign（）方法加载新的文档

      4 location.host返回web主机的域名

      5 location.pathname返回当前页面的路径和文件名

       6 location.port返回web主机的端口

      7 location.protocol返回所使用的web协议（http：//或https：//）

      8  location.hash  设置或返回从井号 (#) 开始的 URL（锚）

      9  location.search  设置或返回从问号 (?) 开始的 URL（查询部分）

    10  location.reload() 重新加载当前文档

五、document对象

     1 document对象表示当前的页面。document是整个文档树的根节点

     2 document对象可以根据id或者TagName等去查找文档节点，进行节点操作

六、history对象

    1 history对象保存了浏览器的历史记录

七、Screen对象

    1 screen对象表示屏幕的信息

    2   screen.availWidth  可用的屏幕宽度

    3 screen.availHeight  可用的屏幕高度