DOM基础概念
2016-07-03 18:23
260 查看
最近在学前段的东西,无论是html、css还是javascript的文档中都会反复出现一个词“DOM”,一直比较纳闷DOM究竟是何方神圣,下面是在网上找的总结,感觉比较接地气,讲得非常干练,已看就知道了具体的作用。实际要何如使用DOM可以参看w3schhol网站上的讲解,讲得很细致。
一、DOM全称
文档对象模型(Document Object Model)
二、DOM是什么
DOM就是一个编程接口,就是一套API。
DOM是针对HTML文档、XML等文档的一套API。就类似于JDBC是针对数据库的一套API一样。
三、DOM的用途
DOM 是用来访问或操作HTML文档、XHTML文档、XML文档中的节点元素。
现在基本上所有的浏览器都都执行了W3C发布的DOM规范,所以在浏览器上就可以用DOM的这些API。
四、DOM与其他技术的联系
JavaScript 可以通过 DOM 来访问和操作HTML文档所有的元素。
JavaScript是一种脚本语言,DOM是用来获得和操作HTML文档的节点属性。JavaScript通常是通过DOM来获得和操作HTML属性的。这就是二者的区别与联系。
把上述代码复制到一个文件里,改成.html扩展名后,打开此html文档,点击"提交"按钮会弹出"成功"对话框。
其中:
第1,2,4,5行是JavaScript代码。
第3行是DOM代码(此行一定不要混淆成是JavaScript代码)。这就是JavaScript调用DOM的例子。
第6行是html代码。
五、DOM详细说明
HTML文档是树状结构,根为<HTML>;DOM也是树状结构,根为window或document对象。
所以DOM就可以把HTML以树状的形式呈现出来。
六、DOM的分类
核心 DOM:定义了一套标准的可以针对任何文档的对象。
HTML DOM:针对HTML文档的DOM。
XML DOM:针对XML文档的DOM。
七、DOM的级别Level
DOM0:不是W3C规范。
DOM1:开始是W3C规范。专注于HTML文档和XML文档。
DOM2:对DOM1增加了样式表对象模型
DOM3:对DOM2增加了内容模型 (DTD 、Schemas) 和文档验证。
转载地址:http://tianhei.iteye.com/blog/850524
一、DOM全称
文档对象模型(Document Object Model)
二、DOM是什么
DOM就是一个编程接口,就是一套API。
DOM是针对HTML文档、XML等文档的一套API。就类似于JDBC是针对数据库的一套API一样。
三、DOM的用途
DOM 是用来访问或操作HTML文档、XHTML文档、XML文档中的节点元素。
现在基本上所有的浏览器都都执行了W3C发布的DOM规范,所以在浏览器上就可以用DOM的这些API。
四、DOM与其他技术的联系
JavaScript 可以通过 DOM 来访问和操作HTML文档所有的元素。
JavaScript是一种脚本语言,DOM是用来获得和操作HTML文档的节点属性。JavaScript通常是通过DOM来获得和操作HTML属性的。这就是二者的区别与联系。
<script> function test(){ window.alert("成功。"); } </script> <input type=button value="提交" onclick="test()">
把上述代码复制到一个文件里,改成.html扩展名后,打开此html文档,点击"提交"按钮会弹出"成功"对话框。
其中:
第1,2,4,5行是JavaScript代码。
第3行是DOM代码(此行一定不要混淆成是JavaScript代码)。这就是JavaScript调用DOM的例子。
第6行是html代码。
五、DOM详细说明
HTML文档是树状结构,根为<HTML>;DOM也是树状结构,根为window或document对象。
所以DOM就可以把HTML以树状的形式呈现出来。
六、DOM的分类
核心 DOM:定义了一套标准的可以针对任何文档的对象。
HTML DOM:针对HTML文档的DOM。
XML DOM:针对XML文档的DOM。
七、DOM的级别Level
DOM0:不是W3C规范。
DOM1:开始是W3C规范。专注于HTML文档和XML文档。
DOM2:对DOM1增加了样式表对象模型
DOM3:对DOM2增加了内容模型 (DTD 、Schemas) 和文档验证。
转载地址:http://tianhei.iteye.com/blog/850524
相关文章推荐
- vim编写Bash脚本
- SQL Server 动态生成数据库所有表Insert语句
- 电子商务图片放大jqzoom
- java-并发-Timer和TimerTask
- BrowserInterface
- 仿函数
- 跟老男孩学习运维专业绘制原理图及架构图成果展示
- KVM虚拟机使用过程中遇到过的一些问题
- 图片与文字水平对齐
- Android之Activity跳转
- 移动混合开发之文件管理Final之总结
- nginx多tomcat负载均衡
- java并发锁-Lock之队列同步器
- COGS 1440. [NOIP2013]积木大赛 解题报告
- 自动化运维工具puppet安装配置
- 【考试维护+考试值班+考试测试——大三下学期】
- 《医疗改革:给政策制定者的建议》:真的是给政策制定者看的,文风比较专业和枯燥,二星
- hibernate uniqueResult方法
- 使用IntelliJ IDEA和Maven创建Java Web项目
- 推荐系统:个性化推荐-协同过滤