全栈JavaScript之路（十六）HTML5 HTMLDocument 类型的变化

HTML5 扩展了 HTMLDocument,

增加了新的功能。

1.document.readState = ‘loading‘ || ‘complete‘ //支持readyState 属性的浏览器有IE4+、Firefox 3.6+、Safari、Chrome 和Opera 9+。
2.document.compatMode = ‘CSS1Compat‘ || ‘BackCompat‘ //实现这个属性的浏览器有ie6,Firefox、Safari 3.1+、Opera 和Chrome。最终，HTML5 也把这个属性纳入标准，对其实现做出了明确规定。
3.document.head //引用文档的<head>元元素

全栈JavaScript之路（十六）HTML5 HTMLDocument 类型的变化,布布扣,bubuko.com

时间： 2024-10-21 02:59:12

全栈JavaScript之路（十六）HTML5 HTMLDocument 类型的变化的相关文章

全栈JavaScript之路（十五）HTML5 focus 扩展 (焦点扩展)

HTML5 添加了辅助管理 focus 的功能, 文档获得焦点的途径有; 页面加载,用户输入(一般是按tab键),和在代码中调用focus()函数. HTML5新增的辅助管理焦点的属性与方法有: document.activeElement 属性, 这个属性指向获得焦点的元素,文档加载期间值为null, 文档加载完成,保存得是 document.body 的引用. document.hasFocus()方法, 确定文档是否获得了焦点. 查询文档获知哪个元素获得了焦点,以及确定文档是否获得

全栈JavaScript之路（十九）HTML5 插入 html标记（一）innerHTML 与outerHTML

在需要给文档插入大量的html 标记下,通过DOM操作很麻烦,你不仅要创建一系列的节点,而且还要小心地按照顺序把它们接结起来. 利用html 标签插入技术,可以直接插入html代码字符串,简单.高效! 以下插入html标签相关的扩展已经纳入html5 规范. 1.innerHTML 属性 2.outerHTML 属性 3.insertAdjacentHTML 方法 innerHTML 属性有两种模式,写模式与读模式. 在读模式下,返回的是html 代码字符串. 例如: <div id="

全栈JavaScript之路（十八）HTML5 自定义数据属性

HTML5 规范规定,用户可以为元素自定义非标准属性, 但是要添加 data- 前缀. 目的是为元素提供与页面渲染无关的信息.或者语义信息.这些属性名可以随意添加,只要带上前缀 data- 开头就可以. <div id="myid" data-appid="1" data-appname="csdn"></div> 添加属性这后可以通过 dataset 访问自定义属性,dataset 属性是DOMStringMap

全栈JavaScript之路（十四）HTML5 中与class属性相关的扩充

1. getElementByClassName() :支持getElementsByClassName()方法的浏览器有IE 9+.Firefox 3+.Safari 3.1+.Chrome 和 Opera 9.5+. 2. classList 属性 : classList 属性是新集合类型 DOMTokenList 的实例.DOMTokenList 类型有一个lenght 属性 ,表示包含了多少子元素,要取得每一个元素可以通过item() 方法访问,也可以用 [ ] 方法访问. 此外这

全栈JavaScript之路（二十）HTML5 插入 html标记（二）insertAdjacentHTML

insertAdjacentHTML(), 这个方法也是在IE中最早出现的,现在已纳入html5规范,它接受两个参数,一个是下列的标记之一,一个是要写入的 html 代码文本. beforebegin , (英文为开始之前的意思)在当前元素之前插入一个新的紧邻的同辈元素 afterbegin,(英文为开始之后的意思)在当前元素之下插入一个子元素,或者是在当前元素的第一个子元素之前插入一个新的子元素. beforeend,(英文为结束之前的意思)在当前元素之后插入一个新的子元素,或者在当前元素最

全栈JavaScript之路（二十四）DOM2、DOM3, 不涉及XML命名空间的扩展

(一)DocumentType 类型的变化新增三个属性: publicId,systemId,internalSubset(内部子集) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" [<!ELEMENT name (#PCDATA)>] > 通过, document.doc

全栈JavaScript之路（十）学习 DocumentFragment 类型节点

DocumentFragment 类型节点,代表一个文档片段,是一种轻量级的'文档' 对象,可以包含其它类型节点,并有能力访问.操作其中的节点,但是在文档中没有文档标记,相当于是一个页面不可见的容器.其构造函数为,function DocumentFragment() {[native code]}. DocumentFragment 类型节点的特征; nodeType:11 nodeName:#document-fragment nodeValue:null prasentNode:null

全栈JavaScript之路（十七）HTML5 新增字符集属性

HTML5 增加了几个文档字符集属性. document.charset : 表示文档的实际使用的字符集. document.defaultCharset: 表示默认的字符集,跟浏览器以及操作系统设置有关. 如果文档没有使用默认字符集,那么 document.charset 与 document.defaultCharset 可能不同. 设置文档字符集: 但可以通过<meta>元素.响应头部或直接设置charset 属性修改这个值.来看三个例子. <meta http-equiv=&qu

全栈JavaScript之路（二十一）HTML5 scrollIntoView方法

HTML5中,scrollIntoView()可以在所有HTML 元素上调用通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视口中. 如果给这个方法传入true 作为参数,或者不传入任何参数,那么窗口滚动之后会让调用元素的顶部与视窗顶部尽可能平齐. 如果传入false 作为参数,调用元素会尽可能全部出现在视口中,(可能的话,调用元素的底部会与视窗顶部平齐.)不过顶部不一定平齐. 当页面发生变化时,一般会用这个方法来吸引用户的注意力. 实际上,为某个元素设置焦点也会导致浏览器滚动并显示出获