JavaScript中的5种事件使用方式解说(转)
JavaScript中的5种事件使用方式解说(转)
为组件提供事件处理入口，可以极大的提高组件的封闭性，同时又能让组件很好的和外界通信。并且这也是我们已经习惯使用的一种开发模式，.NET、DHTML等都提供了一套完整的事件处理模型。下面是关于使用DHTML中事件的一个总结。
DHTML提供了3种事件的使用方式，它们分别是：
1、Inline HTML: <ELEMENT onXXX='handler'></ELEMENT>
这是最简单最常用的事件绑定方式，不过这里onXXX的值为handler是不太确切的说法。其实这个handler的位置可以放置任何合法的JavaScript
语句，因为IE在生成DHMTL树时会为当前Element构建一个'匿名'成员
方
法，onXXX指向这个方法的handler。比如我们写下，<element id='elmt' onXXX='var abc =0;
for ( var i=0 ; i < 100 ; i++ )
abc+=i;'></element>，实际上在DHMTL树种存在如下代码结构：
function
anonymous()
{
var
abc
=
0
;
for
(
var
i
=
0
; i
<
100
; i
++
) abc
+=
i;
}
此时anonymous方法中的this
就是elmt对象。
2、Event property: object.onXXX = handler
这个使用方法是把函数名(handler)赋予element预定义的事件属性上(onXXX)。这里需要注意两个问题：
一是，我们在使用object.onXXX = handler是需要保证object已经在页面中生成。比如我们为document.body赋予事件处理函数，我们必须保证document.body已经存在，就是说我们不能在<body>之前
在的全局语句中使用document.body；
二是，handler必须是函数名，和使用方法1中的handler可以是任何JavaScript
语
句不同！我们最容易出错的使用是，当我们习惯了在inline html中使用<element id='elmt' onXXX =
'return false'></element>后，如果这样使用elmt.onXXX='return
false;'。那么就歇菜了，不会有任何执行效果，当然IE也不报错。正确的使用是：
elmt.onXXX
=
function
() {
return
false
; }
3、Named Scri
相关文档：
原著：李战(leadzen).深圳 2008-2-23
引子
编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。
数据天生就是文静的，总想保持自己固有的本色；而代码却天生活泼，总想改变这个世界。
你� ......
JavaScript Module Pattern
（
JavaScript
Module
模式）
来源：
1.
http://yuiblog.com/blog/2007/06/12/module-pattern/
2.
http://yuiblog.com/blog/2006/06/01/global-domination/
全局变量是有很大危害的。在
YU ......
原址：http://www.dreamdu.com/blog/2008/10/19/json_in_javascript/
JavaScript中的JSON
作者：Douglas Crockford
原文网址：http://www.json.org/js.html
译者：可爱的猴子
JavaScript这种编程语言首要的目的是为Netscape Navigator提供一种页面脚本语言。它仍被普遍的认为是Java的一个子集，但事实并非如此。它� ......
对于许多想学习 JavaScript 的朋友来说，无疑如何选择入门的书籍是他们最头疼的问题，或许也是他们一直畏惧，甚至放弃学习 JavaScript 的理由。
在 JavaScript 方面，自己不是什么专家，也不是什么高手，但自己一路走来，JavaScript 从迷茫到入道，对于 JavaScript 书籍的认识或许还有些借鉴价值。
入门推荐首选书籍：� ......
一般事件 事件 浏览器支持 描述
onClick IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击
onDblClick IE4|N4|O 鼠标双击事件
onMouseDown IE4|N4|O 鼠标上的按钮被按下了
onMouseUp IE4|N4|O 鼠标按下后，松开时激发的 ......
