zoukankan      html  css  js  c++  java
  • BOM 和 DOM

    目录

     

    一、BOM

    1.什么是BOM

    2. 浏览器内容划分

    归BOM管的:

    归DOM管的:

    3. BOM常见方法

    二、DOM 

    1 什么是DOM

    2. DOM常见方法



    一、BOM

    1.什么是BOM

         BOM(Browser Object Model)即浏览器对象模型。

         BOM提供了独立于内容 而与浏览器窗口进行交互的对象;

         由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window;

         BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性;

         BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C.

    2. 浏览器内容划分

     Js的三大核心组成部分:

    (1)ECMAScript 2.DOM(document object model)3.BOM(browser object document ) (1)ECMA是(欧洲计算机制造商协会)它规定了js的语法标准。 
    (2)DOM是文档对象模型,规定了文档的显示结构,可以轻松地删除、添加和替换节点 
    (3)BOM是浏览器对象模型,就是浏览器自带的一些功能样式,如搜索框,设置,等学习浏览器窗口交互的对象

    归BOM管的:

    • A区(浏览器的标签页,地址栏,搜索栏,书签栏,窗口放大还原关闭按钮,菜单栏等等)
    • B区(浏览器的右键菜单)
    • C区(document加载时的状态栏,显示http状态码等)
    • D区(滚动条scroll bar)

    归DOM管的:

    E区(里面有index.htmlCSSJS,部署在服务器上,我们可以通过浏览器的地址栏输入URL然后回车将这个document加载到本地,浏览,右键查看源代码等)。

    3. BOM常见方法

    简单来说,BOM 即为window对象,其中window对象包含属性:document、location、navigator、screen、history、frames。

    常用BOM方法:


    二、DOM 

    1 什么是DOM

    DOM是”Document Object Model”的首字母缩写,即文档对象模型。

    当浏览器下载到一个网页,通常是 HTML,这个HTML就叫 document(当然,这也是DOM   树中的一个 node),document通常是整个DOM 树的根节点。这个 document 包含了标 题(document.title)、URL(document.URL)、(document.body)等属性,可以直接在 JS 中 访问到。

    DOM用来描绘一 个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。浏览器支持情况:不友好,有兼容问题 。

    blob.png

    2. DOM常见方法

  • 相关阅读:
    mORMot使用基础 2 数据库连接
    【Effective C++】继承与面向对象设计
    【Effective C++】实现
    【Effective C++】设计与声明
    【Effective C++】资源管理
    【Effective C++】构造/析构/赋值运算
    【Effective C++】让自己习惯C++
    【网络基础】计算机网络常考知识点整理
    【C++基础学习】成员对象与对象数组
    C++编程规范纲要要点小结
  • 原文地址:https://www.cnblogs.com/geoffreyone/p/9899756.html
Copyright © 2011-2022 走看看