• 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

     

  • 相关阅读:
    [剑指offer] 赋值运算符重载
    [hihoCoder] 股票价格
    [LintCode] Kth Smallest Number in Sorted Matrix
    [LeetCode] Subarray Sum Equals K | 前缀和+哈希表
    [LeetCode] Add and Search Word
    [LeetCode] Implement Trie
    Tableau基础练习(三)
    Tableau基础练习(二)
    Tableau基础练习(一)
    SpringMVC用户请求下载文件
  • 原文地址:https://www.cnblogs.com/qianxunpu/p/7063861.html
Copyright © 2020-2023  润新知