zoukankan      html  css  js  c++  java
  • 网页的文档对象模型

    要制作网页,首先必不可少的是了解文档对象模型(DOM)。DOM 就是对网页的各个元素之间的包含关系以及每个元素的属性的描述,例如

    <html>
       
    <head>
           
    <title>Hello This!</title>
       
    </head>
    <body>
       
    <h1>Header</h1>
       
    <div>
           
    <p>Paragraph</p>
       
    </div>
    </body>
    </html>

    对于一个网页文档来说,html 是最顶级的元素,它包含 head 和 body 这两个子元素。而 head 元素又包含 title 元素作为子元素。body 元素是文档的主要部分,在这里它包含了 h1 和 div 这两个子元素。按照一定的规则可以嵌套的包含下去。

    HTML 这种一级级包含的文档结构,可以理解为一颗文档树,树上有各种节点。在浏览器排版该网页时,将把文档树按照它们的样式(例如用CSS设置)生成父元素包含子元素的许多嵌套盒子并显示出来。

    还有个相关的概念叫做浏览器对象模型(BOM),它包含各种与浏览器有关的内容。BOM 的最顶层元素为 window,表示浏览器窗口,它有 document, history, location, navigator 和 screen 等子元素。其中 document 元素表示了上面所述的 html 文档,它有个 body 子元素表示文档的 body 部分内容(文档包含框架 frameset 时略有不同)。

    参考资料:
    [1] JavaScript 实现
    [2] JavaScript中的BOM和DOM
    [3] Document Object Model

    [YAML] Date: 2011-05-15 20:05:06

  • 相关阅读:
    数组练习1
    学习进度04
    求一个数组的最大子数组之和02
    求一个数组的最大子数组之和01
    学习进度03
    四则运算的功能添加版02
    第二周学习进度
    Right-BICEP 测试四则运算程序
    实现四则运算的功能添加版01
    本周实验PSP0 过程文档
  • 原文地址:https://www.cnblogs.com/zoho/p/2431920.html
Copyright © 2011-2022 走看看