• 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常见方法

  • 相关阅读:
    Mybatis中javaType和jdbcType对应关系
    spy日志
    mybatis批量插入和更新
    js打印方案
    js弹窗,父子窗口调用
    extjs4.1
    oracle开启远程连接访问
    javaweb打印
    Leetcode 392.判断子序列
    Leetcode 391.完美矩形
  • 原文地址:https://www.cnblogs.com/geoffreyone/p/9899756.html
Copyright © 2020-2023  润新知