JavaScript学习—BOM总结

概念:

      BOM(Brower Object Model)即浏览器对象模型,提供了与浏览器进行交互的方法和接口,可以对浏览器窗口进行访问和操作,譬如可以弹出新的窗口,改变状态栏中的文本等。
      BOM由一系列相关对象组成,,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。下图展示了基本的BOM体系结构。
 JavaScript学习—BOM总结    

Window对象

      BOM的核心对象是window,Window 对象表示一个浏览器窗口或一个框架,所有浏览器都支持 window 对象。所有 JavaScript全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。甚至 HTML DOM 的 document 也是 window 对象的属性之一:

window.document.getElementById("header");

Frames 

      frames[]:返回窗口中所有命名的框架。该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。

Navigator对象

      Navigator 对象包含有关浏览器的信息。通过navigator对象引用,Navigator对象可以帮助我们检测浏览器的信息以及浏览器所在的操作系统的信息。

      常用属性:appName  返回浏览器的名称

Screen对象

       Screen 对象包含有关客户端显示屏幕的信息。常用属性有:
      screen.width:返回显示器屏幕的宽度。
screen.height:返回显示屏幕的高度。
screen.availWidth:返回显示屏幕的宽度 (除 Windows 任务栏之外)。

screen.availHeight:返回显示屏幕的高度 (除 Windows 任务栏之外)。

History对象

     History 对象包含用户(在浏览器窗口中)访问过的 URL。    

    History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因,History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有 back()、forward() 和 go() 方法。

     属性:length 返回浏览器历史列表中的URL数量
     方法:back()  加载history列表中的前一个URL
     forward()       加载history列表中的下一个URL

     go()               加载history列表中的某个具体页面

Location对象

     Location 对象包含有关当前 URL 的信息,常用于获取和改变当前浏览器的网址。

     href属性        设置或返回完整的 URL。

     reload()方法   重新加载当前文档,有可能会使用缓存

     reload(true)    重新加载当前文档,不使用缓存重新请求服务器。

Document对象

     document对象又是DOM对象,是window对象的一部分,该部分已经总结过就不在此累述。
 

小结:

        BOM部分的总结到此暂且告一段落,深入的学习还要在日后的工作中不断摸索,当前理解尚浅文中如有错误望大家不吝赐教多多指正!