为了更好地解析事件流,首先看一下示例文件的效果:
效果演示
示例文件flow.html包含嵌套的列表和一些JavaScript和CSS文件:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN&quo...
everyinch
11年前 (2014-01-28) 4377℃
0喜欢
事件在Web应用程序中是有魔力的要素。如果希望Web应用程序应该流畅并且不唐突地响应用户操作,就像是桌面应用程序一样。能够让Web应用程序更具有桌面应用程序的感觉虽然算不上具有革命性,但确实要改变看待问题的方式。事实上,只要多一些独创性和预见性,你就能做到以最小的努力、最低的成本...
everyinch
11年前 (2014-01-28) 23161℃
0喜欢
创建一个简单的工具,通过它把一段HTML代码转换为DOM代码。
效果演示
DOM生成工具的HTML文件
在HTML文件中最主要的是具有两个<textarea>和一个<button>元素:
<!DOCTYPE html PUBLIC "-...
everyinch
11年前 (2014-01-27) 5350℃
0喜欢
DOM2 HTML因为包含针对所有HTML元素的特定对象,所以内容非常多。本节只会简单地讨论几个常用的对象,不会介绍所有的对象。
回顾一下sample.html文档的内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....
everyinch
11年前 (2014-01-26) 4062℃
0喜欢
在许多脚本中都需要以某种方式来检查DOM元素。而其中最为频繁发生的,则是在文档树中递归地检查每个节点及其子节点。在理想的状态下是使用DOM2 Traversal和Range规范中的对象来完成文档树的迭代操作。但是,Traversal和Range规范在各种浏览器中只得到零散地实现。...
everyinch
11年前 (2014-01-26) 4721℃
0喜欢
DOM核心规范中的Document对象也继承自Node对象,因为Node对象的所有属性和方法都适用于Document对象。
document.documentElement属性
document.documentElement属性是访问文档根元素的快捷方式。对于HTML文档而言,...
everyinch
11年前 (2014-01-26) 2719℃
0喜欢
DOM文档树形结构的主体部分是由Element节点构成的,但其中特殊的DOM2 HTML对象还会进一步扩展Element对象。所有Element对象都拥有Node对象的属性和方法,同时还有其它的一些便于操纵节点属性和查找子Element对象的方法。
操纵Element对象的属性
...
everyinch
11年前 (2014-01-26) 3316℃
0喜欢
大多数DOM脚本的任务就是在DOM文档中插入、删除和移动节点。其中appendChild()和insertBefore()是常用的方法。下面是appendChild()方法的示例:
ADS.addEvent(window, 'load', function() {
...
everyinch
11年前 (2014-01-26) 3656℃
0喜欢
如果想要检测某个节点是否具有子节点或属性,那么可以使用hasChildNodes()和hasAttributes()方法,如下例所示:
ADS.addEvent(window, 'load', function() {
ADS.log.header('Attribu...
everyinch
11年前 (2014-01-26) 3885℃
0喜欢
节点的ownerDocument属性是指向节点所属的根文档的引用。大多数情况下,都可以通过它在作用域中引用document,或者window.document,在浏览器中只会有一个document的实例。在下面的示例中试图覆盖document对象,并使它引用其它的值:
fun...
everyinch
11年前 (2014-01-26) 2575℃
0喜欢
作为核心Attr对象的实例,节点的属性被包含在相应节点的attributes成员的一个NamedNodeMap对象中。下图展示了DOM核心表示attribute节点关系的方式:
上图中的attributes属性,可以通过锚的attributes属性来访问:
ADS.addEve...
everyinch
11年前 (2014-01-26) 3317℃
0喜欢
DOM2核心中的大多数属性和方法都涉及在树形结构中引用和创建节点。为了方便在树中定位,每个Node对象都有许多预定义的属性,分别引用树中的其它相关节点。这些属性除了childNodes引用的是NodeList类数组对象,其它的都引用一个实际的DOM对象。
在这些属性中,paren...
everyinch
11年前 (2014-01-25) 26930℃
0喜欢
Node对象是DOM Core中的核心对象,其中Element、document和documentElement都继承自Node对象。
nodeName、nodeValue和nodeType
对于Element对象nodeName属性会取得大写形式的标签名称:
ADS.addEv...
everyinch
11年前 (2014-01-25) 5331℃
0喜欢
为了测试和探索DOM,创建一个名为domTesting.js的脚本文件,并将它与ADS.js和myLogger.js一同包含到sample.html文件中。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict...
everyinch
11年前 (2014-01-24) 5796℃
0喜欢
W3C DOM规范分成不同的级别,每个级别包含不同的子规范和模块。每个级别都在上一个级别的基础上实现了一些新的特性。
DOM 0级
没有DOM 0级,因为也没有0级规范。它一般是指一组专有的DHTML方法、对象和集合。
DOM 1级
DOM 1级(http://www.w3.or...
everyinch
11年前 (2014-01-24) 4895℃
0喜欢