Javascript关于BOM与DOM详解

javascript的组成

核心(ECMScript):描述了JS的语法和基本对象----Array,Boolean、Date、Math、Number、String、RegExp、Functions、Events

文档对象模型(DOM):处理网页内容的方法和接口---DOM Document、DOM Element、DOM Attribute、DOM Event

浏览器对象模型(BOM):与浏览器交互的方法和接口--window,Navigator,Screen,History,Location,frames

History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。

Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

一,BOM与DOM之间的联系

 javacsript是通过访问BOM(Browser Object Model)对象来访问、控制、修改浏览器,由于BOM的window包含了document,window对象的属性和方法是直接可以使用而且被感知的,因此可以直接使用window对象的document属性,通过document属性就可以访问、检索、修改XHTML文档内容与结构。因为document对象又是DOM(Document Object Model)模型的根节点。可以说,BOM包含了DOM(对象),浏览器提供出来给予访问的是BOM对象,从BOM对象再访问到DOM对象,从而js可以操作浏览器以及浏览器读取到的文档。

二,BOM

BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一个Global(全局)对象,这意味着在网页中定义的任何对象,变量和函数,都以window作为其global对象。

Window 对象

Window 对象表示浏览器中打开的窗口。

如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

详情见:http://www.w3school.com.cn/jsref/dom_obj_window.asp

 

原文地址:https://www.cnblogs.com/qianxunpu/p/7063861.html