zoukankan      html  css  js  c++  java
  • 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

     

  • 相关阅读:
    Springboot使用slf4j记录日志和lombok(能用的1)-主要看这个!
    mysql-覆盖索引(转载)(收藏过)
    Github上开源仿京东商城项目启动配置详解(小白版)
    java8 stream常用用法(转载)
    JDK下载过慢的问题解决方案
    intellij idea 的全局搜索快捷键方法(转载)
    Linux终端复制粘贴快捷命令
    Kali入门配置
    Google搜索
    Dig
  • 原文地址:https://www.cnblogs.com/qianxunpu/p/7063861.html
Copyright © 2011-2022 走看看