【JavaScript】DOM基础总结
来源:互联网 发布:治隆唐宋 知乎 编辑:程序博客网 时间:2024/05/22 10:30
DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口)。DOM描述了一个层次化的节点树,运行开发人员添加、移除和修改页面的某一部分。
DOM脱胎于Netscape及微软公司创始的DHTML(动态HTML),1990年代后期微软与Netscape的“浏览器大战”,双方为了在JavaScript与JScript一决生死,于是大规模的赋予浏览器强大的功能。
微软在网页技术上加入了不少专属事物,既有VBScript、ActiveX、以及微软自家的DHTML格式等,使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作,现在它已经成为表现和操作页面标记的真正跨平台、语言中立的方式。
学习完DOM之后觉得它是一个很有意思的一个东西,对于DOM来一张图来简单的介绍:
这一部分最有意思的是节点树,从节点树中可以很清楚的了解到DOM主要是对HTML的内部内容和结构的一系列操作,可以知道html中内部层次状况。
我认为DOM操作都是针对节点的操作,DOM通过节点找到要修改的内容,所以节点的知识是整个DOM的基础,此外DOM还提供了一些扩展功能。表格及 样式、元素尺寸和位置这两块东西都是针对界面方面的操作,而他们都是以前面的知识作为基础的。
BOM和DOM
(1)DOM就是把文档当做一个对象来看待。 BOM即把浏览器当做一个对象来看待。
(2)在 DOM 中,一个 DOM 会有一个根对象,这个对象通常就是 document。 BOM 除了可以访问文档中的组件之外,还可以访问浏览器的组件,比如问题描述中的 navigator(导航条)、history(历史记录)等等。
它们之间的关系可以用下面的这张图来表示:
小结:
ECMAScript,BOM和DOM是JavaScript的核心部分,三者相互协作,为网页添加一些动态功能,为用户提供更加舒畅的浏览效果。
- Javascript DOM基础总结
- 【JavaScript】DOM基础总结
- JavaScript DOM基础总结
- JavaScript 的使用基础总结②DOM
- Javascript DOM基础
- javascript DOM操作基础
- javascript DOM操作基础
- javascript DOM操作基础
- javascript DOM操作基础
- javascript dom基础
- javascript基础、DOM
- JavaScript DOM 基础
- JavaScript DOM 基础知识点
- JavaScript基础-BOM&DOM
- javascript基础之DOM
- JavaScript--DOM基础(19)
- JavaScript DOM基础
- JavaScript DOM基础2
- Codeforces 25E 字符串hash模板题
- OpenCV + Python 人脸检测
- Java Web项目中出现的中文乱码问题
- 中心极限定理的证明
- mysql error
- 【JavaScript】DOM基础总结
- arm gnu汇编学习笔记,持续更新中
- Python语言相关术语汇总
- bmfont使用心得
- HDOJ 4126 Bazinga (字符串预处理)
- PHP中MySQL相关函数
- 远程桌面连接教程(微软自带)
- 关于OC中NSString类型的 retainCount为-1的情况
- UINavigationItem UINavigationBar分析