DOM2级事件对象的继承关系如下图所示:
下面看一看Event和MouseEvent对象的属性,并介绍通过这些属性可以获得哪些信息。
1. DOM2事件规范中的Event对象
事件对象中包含着用于控制事件流和目标对象的方法和属性。包括:
□ bubbles:布尔值,表示是否是冒...
everyinch
11年前 (2014-01-29) 5146℃
1喜欢
在W3C的模型中,事件侦听器会取得一个表示事件自身的参数:
function eventListener(W3CEvent) {
// 代码
}
但在IE中,事件侦听器不会取得任何参数,事件对象被存在window.event中。所以需要通过简单的检测:
f...
everyinch
11年前 (2014-01-29) 4152℃
0喜欢
浏览器不仅具有不同的事件和事件流处理方式,而且它们注册事件侦听器的方式也不一样。
1. 嵌入式注册模型
例如想下面代码演示的嵌入式的事件侦听器:
<a href="http://example.com" onclick="window.op...
everyinch
11年前 (2014-01-29) 4003℃
0喜欢
为了更好地解析事件流,首先看一下示例文件的效果:
效果演示
示例文件flow.html包含嵌套的列表和一些JavaScript和CSS文件:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN&quo...
everyinch
11年前 (2014-01-28) 4293℃
0喜欢
事件在Web应用程序中是有魔力的要素。如果希望Web应用程序应该流畅并且不唐突地响应用户操作,就像是桌面应用程序一样。能够让Web应用程序更具有桌面应用程序的感觉虽然算不上具有革命性,但确实要改变看待问题的方式。事实上,只要多一些独创性和预见性,你就能做到以最小的努力、最低的成本...
everyinch
11年前 (2014-01-28) 23087℃
0喜欢
创建一个简单的工具,通过它把一段HTML代码转换为DOM代码。
效果演示
DOM生成工具的HTML文件
在HTML文件中最主要的是具有两个<textarea>和一个<button>元素:
<!DOCTYPE html PUBLIC "-...
everyinch
11年前 (2014-01-27) 5256℃
0喜欢
DOM2 HTML因为包含针对所有HTML元素的特定对象,所以内容非常多。本节只会简单地讨论几个常用的对象,不会介绍所有的对象。
回顾一下sample.html文档的内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....
everyinch
11年前 (2014-01-26) 3957℃
0喜欢
在许多脚本中都需要以某种方式来检查DOM元素。而其中最为频繁发生的,则是在文档树中递归地检查每个节点及其子节点。在理想的状态下是使用DOM2 Traversal和Range规范中的对象来完成文档树的迭代操作。但是,Traversal和Range规范在各种浏览器中只得到零散地实现。...
everyinch
11年前 (2014-01-26) 4612℃
0喜欢
DOM核心规范中的Document对象也继承自Node对象,因为Node对象的所有属性和方法都适用于Document对象。
document.documentElement属性
document.documentElement属性是访问文档根元素的快捷方式。对于HTML文档而言,...
everyinch
11年前 (2014-01-26) 2656℃
0喜欢
DOM文档树形结构的主体部分是由Element节点构成的,但其中特殊的DOM2 HTML对象还会进一步扩展Element对象。所有Element对象都拥有Node对象的属性和方法,同时还有其它的一些便于操纵节点属性和查找子Element对象的方法。
操纵Element对象的属性
...
everyinch
11年前 (2014-01-26) 3222℃
0喜欢
大多数DOM脚本的任务就是在DOM文档中插入、删除和移动节点。其中appendChild()和insertBefore()是常用的方法。下面是appendChild()方法的示例:
ADS.addEvent(window, 'load', function() {
...
everyinch
11年前 (2014-01-26) 3578℃
0喜欢
如果想要检测某个节点是否具有子节点或属性,那么可以使用hasChildNodes()和hasAttributes()方法,如下例所示:
ADS.addEvent(window, 'load', function() {
ADS.log.header('Attribu...
everyinch
11年前 (2014-01-26) 3781℃
0喜欢
节点的ownerDocument属性是指向节点所属的根文档的引用。大多数情况下,都可以通过它在作用域中引用document,或者window.document,在浏览器中只会有一个document的实例。在下面的示例中试图覆盖document对象,并使它引用其它的值:
fun...
everyinch
11年前 (2014-01-26) 2508℃
0喜欢
作为核心Attr对象的实例,节点的属性被包含在相应节点的attributes成员的一个NamedNodeMap对象中。下图展示了DOM核心表示attribute节点关系的方式:
上图中的attributes属性,可以通过锚的attributes属性来访问:
ADS.addEve...
everyinch
11年前 (2014-01-26) 3249℃
0喜欢
DOM2核心中的大多数属性和方法都涉及在树形结构中引用和创建节点。为了方便在树中定位,每个Node对象都有许多预定义的属性,分别引用树中的其它相关节点。这些属性除了childNodes引用的是NodeList类数组对象,其它的都引用一个实际的DOM对象。
在这些属性中,paren...
everyinch
11年前 (2014-01-25) 26816℃
0喜欢