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

    DOM(Document Object Model)

    一:简介

            DOM是HTML和XML文档的编程接口。它表示页面,以便程序可以更改文档结构、样式和内容。DOM将文档表示为节点和对象。这样,编程语言就可以连接到页面。DOM被设计成独立于任何特定的编程语言,使文档的结构表示可以从单个、一致的API获得。DOM的实现可以为任何语言构建。

    二:起源

            DOM最初是一种允许JavaScript脚本和Java程序在Web浏览器之间可移植的规范。“动态HTML”是文档对象模型的直接祖先,最初主要是根据浏览器来考虑的。然而,在W3C成立DOM工作组时,其他领域的供应商也加入了这个工作组,包括HTML或XML编辑器和文档存储库。在开发XML之前,这些供应商中有几个已经与SGML合作过;因此,DOM受到SGML grove和HyTime标准的影响。其中一些厂商还为文档开发了自己的对象模型,以便为SGML/XML编辑器或文档存储库提供API,这些对象模型还影响了DOM。

    三:A DOM example using HTML

    Consider the following HTML document:

    <html>
    <head>
    <title>Example</title>
    </head>
    <body>
    <h1>Example Page</h1>
    <p>This is an example page.</p>
    </body>
    </html>

    本文档的DOM包括所有元素和这些元素中的任何文本节点。前面示例中的代码创建对象层次结构,如下所示。

     对于文档根目录下的每个元素(<html>),都有一个元素节点,这些元素节点具有包含元素内的文本的文本节点。如果有一个带有属性的元素,将为该元素创建一个属性节点,属性的任何文本将在该属性节点下创建一个文本节点。
              您无需为了开始使用DOM而做任何特殊操作。不同的浏览器具有不同的DOM实现,并且这些实现表现出与实际DOM标准的不同程度的一致性,但是每个Web浏览器都使用一些文档对象模型来通过JavaScript访问网页。当你创建一个脚本,无论是在一个内联<script>元素或包含在网页中通过脚本加载的方式指令,您可以立即开始使用该API的documentwindow元素进行操作的文件本身或在孩子们得到文档,它是网页中的各种元素。
     
    四:应用
     
             DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。
    DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。
     
    BOM(Browser Object Model)
     
    一:简介

             BOM是一个特定于浏览器的约定,它引用web浏览器公开的所有对象。与文档对象模型不同的是,没有实现的标准,也没有严格的定义,因此浏览器供应商可以按照自己的意愿自由地实现BOM。

             BOM是一个浏览器对象的层次结构,用于操作与Web浏览器本身关联的方法和属性。构成BOM的对象包括窗口对象、导航对象、屏幕对象、历史、位置对象和文档对象。文档对象由用于操作在浏览器窗口中加载的文档或Web页面的方法和属性的对象组成。文档对象表示当前加载在浏览器窗口中的Web页面。构成文档的每个HTML元素或标记也被视为对象。不需要显式地创建构成浏览器对象模型的任何对象。对象是在Web浏览器打开Web页面时自动创建的。

    二:BOM层次结构

    BOM中的顶层对象是窗口对象。窗口对象表示浏览器窗口。所有其他浏览器对象都包含在窗口对象中。窗口对象包括许多可以用来控制Web浏览器的属性和方法。文档对象表示浏览器中显示的Web页面。Web页面上的所有元素(包括HTML标记)都包含在文档对象中。由于文档对象通常被认为是BOM中最重要的部分,因此它由自己的对象模型表示,称为文档对象模型或DOM。其他浏览器对象模型的对象包括navigator对象,屏幕上的对象,包含关于游客的屏幕信息,历史对象,这是窗口对象的一部分,包含URL访问的用户,和location对象包含有关当前URL信息。窗口对象中的文档对象表示Web页面中的元素。BOM的一般层次结构如下图所示。

     

     

     
  • 相关阅读:
    C#------对SQLServer进行简单的增,删,改,查
    WinForm------点击Control弹出MessageBox
    WinForm------窗体初始化位置的显示
    WinForm------GridControl的部分属性介绍
    C#------编码规范
    vs------安装window net.framework 出现严重错误解决方法
    jsp------实现MD5加密
    jquery------捕获异常处理
    jquery------显示加载的js时出现中文乱码解决方法
    sublime3 常用功能总结
  • 原文地址:https://www.cnblogs.com/5H5H/p/9852511.html
Copyright © 2011-2022 走看看