第十二章 DOM2和DOM3
2015-07-28 22:28:32 11 举报
AI智能生成
第十二章介绍了DOM2和DOM3,这两个版本对JavaScript的文档对象模型(DOM)进行了扩展和增强。DOM2引入了新的API,如`querySelectorAll`、`Range`和`MutationObserver`,使得开发者能够更方便地操作和处理HTML文档。DOM3则进一步扩展了DOM2的功能,增加了许多新的特性,如自定义元素、模板字符串插值和属性映射等。这些新特性使得开发者能够更高效地编写代码,提高Web应用的性能和用户体验。总之,DOM2和DOM3为JavaScript开发者提供了强大的工具,使他们能够更好地控制和管理HTML文档。
作者其他创作
大纲/内容
目的:扩展DOM API,满足操作XML的所有需求,提供更好的错误处理及特性检测能力
DOM2级核心
为节点添加更多属性和方法
document.implementation对象
createDocumentType()
createDocument()
DOM2级视图
为文档定义了基于样式信息的不同视图
defaultView属性(非IE)
指向拥有给定文档的窗口
parentWindow属性(IE/Opera)
作用同上
DOM2级样式
定义如何以编程方式来访问和改变css样式信息
DOM2级遍历和范围
引用了遍历DOM文档和选择其特定部分的新接口
DOM2级HTML
添加了更多属性、方法和新接口
createHTMLDocument()
创建一个完整的HTML文档
Node类型
isSupported()
用于确定当前节点具有什么能力,返回true/false
两个参数:特性名和特性版本号
DOM3级扩展的方法
比较节点方法
isSameNode()
两个节点是否相同
isEqualNode()
两个节点是否相等
节点添加额外数据
setUserData()
将数据指定给节点
getUserData()
传入相同的键,获取数据
框架和内嵌框架
分别用HTMLFrameElement和HTMLIFrameElement表示
contentWindow属性(除IE8之前)
指向表示框架内容的文档对象
contentWindow属性(所有浏览器)
返回框架的window对象
检测浏览器是否支持以上DOM模块
document.implementation.hasFeature()
样式
定义样式方式
用元素包含外部样式表文件
用