对文档对象模型有更深入的理解

  • 本文关键字:文档 对象模型 dom
  • 更新时间 :
  • 英文 :


我最近在我的一个项目中遇到了这种情况,我想我根本没有完全理解这件事。我只知道以下内容:

-该DOM防止在阻塞页面的其余部分时加载的脚本
-Html文件和其他页面源代码被解析并转换为DOM,当您检查它或查看页面源代码时,代码的DOM格式就是它会抛出的
-通过教程的帮助,我还能够在我们的项目中实现DOM

现在,我的问题是:

-devtools中的代码是DOM吗
-DOM是否为系统添加了安全功能
-由于DOM在web浏览器的布局引擎中得到了广泛的实现,除了可以防止页面的其余代码被阻塞之外,使用DOM还有其他优点吗

谢谢大家。

DOM(文档对象模型)是关于给定系统/节点中的代码/对象层次结构的。它象征着一棵倒置的树枝。它强制不同的代码层始终具有父子兄弟关系

其他代码块中的任何代码都是较大代码块的子代码。对于html,html标记是所有其他标记的父标记,后跟head,然后是body标记

大多数显示的内容都在正文部分,其中一个部分创建您看到的主页面。在division标记之后有ul/li/p/a标记。有时,span标记被用作"a"或"p"标记的包装器

'ul'标记是它所在的div标记的子级,'li'和/或'p'标记是'ul'标签的子级
使用时,只有span标记的位置不同,这取决于它需要保持对象和/或文本内联

最低可能的子级(或节点树中的叶)是"p"标记或"a"标记

"a"标记内不能使用其他标记

同级标记在树中被称为同一级别的标记或节点,但在相邻的div或ul或li标记中。除非有必要,否则它们的关系通常不会定义。

总之,DOM用于确保html/XML/SQL和其他软件系统的顺序和可读性。它本身并不能保证良好的工作代码,但它确实有助于在设计阶段的早期创建高效的工作代码

此外,还采用了新的编码函数,这些函数可以绕过或修改DOM的行为方式。Angularjs和MEAN,包括一个微型服务器和node.js,正试图将客户端的网页变成一个事实上的桌面应用程序,这样对服务器的请求就变得尽可能少

这些新函数与DOM模型并不矛盾,而是充当了一个包装器,因此网页上的操作/编辑/运动会立即出现,而无需联系主服务器

在没有用户操作的期间,会向主服务器发送更新,因此网站和PC在更改方面保持同步,这些更改至少是半永久性的

请尽可能多地阅读这些主题,因为每年都会添加一些新内容。

最新更新