更深入地理解文档对象模型

时间:2016-04-13 02:02:17

标签: dom

我最近在我的一个项目中遇到过这个问题,我认为我根本不完全了解这个问题。我唯一知道的是以下几点:

- DOM阻止在阻止页面其余部分时加载的脚本。
-Html文件和其他页面源代码被解析并转换为DOM,当您检查它或查看页面源时,代码的DOM格式就是它将引发你的东西。
- 我也可以通过教程帮助在我们的项目中实现DOM。

现在,我的问题是:

- devtools中的代码是DOM吗?
-Does DOM在系统上添加了安全功能?
- 由于DOM在Web浏览器的布局引擎中被广泛实现,除了它之外还有其他任何优点可以防止可能阻止页面的其余代码吗?

多谢你们。

1 个答案:

答案 0 :(得分:0)

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

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

大多数显示的内容都在body部分,一个部分创建你看到的主页面。在分区标记之后,您有ul / li / p / a标记。有时,span标记用作' a'的包装。或者' p'标签。

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

尽可能低的子节点(或节点树中的叶子)是要么是' p'标签或者' a'标签。
在' a'中没有其他标签可以使用。标签。兄弟被称为树中同一级别的标签或节点,但是在相邻的div或ul或li标签中。他们的关系没有正常定义,除非有必要这样做。

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

另外,正在采用新的编码功能,可以绕过或修改DOM的行为方式。包含微服务器和node.js的Angularjs和MEAN正在尝试将客户端网页转变为事实上的桌面应用程序,以便对服务器的请求尽可能少。
这些新功能与DOM模型不矛盾,但充当包装器,因此无需联系主服务器即可立即显示网页上的动作/编辑/动作。

在没有用户操作期间更新被发送到主服务器,因此网站和PC保持同步至少是半永久性的变化。

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