• 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

     

  • 相关阅读:
    京东商城招聘自动调价系统架构师 T4级别
    MVVM架构~Knockoutjs系列之对象与对象组合
    MVVM架构~Knockoutjs系列之text,value,attr,visible,with的数据绑定
    MVVM架构~mvc,mvp,mvvm大话开篇
    JS~delegate与live
    DDD~我们应该知道的Model,DomainModel和ViewModel
    uva-11111 Generalized Matrioshkas
    盒子模型(非常形象)
    SQL Server提高并发查询效率
    uva-11234 Expressions
  • 原文地址:https://www.cnblogs.com/qianxunpu/p/7063861.html
Copyright © 2020-2023  润新知