JAVASCRIPT动态的为元素添加事件
现在感觉js很好很强大，随着深入的学习，你就会不会拒绝在客户端使用js。之前也在网上找了点资料，一起看看。
value="我是 button" />
动态添加onclick事件：
<input type="button" value="我是 button" id="bu">
<script type="text/javascript">
var bObj=document.getElementById("bu");
bObj.onclick= objclick;
function objclick(){alert(this.value)};
</script>
如果使用匿名函数 function(){}，则如下面所示：
<input type="button" value="我是 button" id="bu">
<script type="text/javascript">
var bObj=document.getElementById("bu");
bObj.onclick=function(){alert(this.value)};
</script>
上面的方法其实原理都一样，都是定义 onclick 属性的值。值得注意的是，如果多次定义 obj.onclick，例如：obj.onclick=method1; obj.onclick=method2; obj.onclick=method3，那么只有最后一次的定义obj.onclick=method3才生效，前两次的定义都给最后一次的覆盖掉了。
再看 IE 中的 attachEvent：
<input type="button" value="我是拉登" id="bu">
<script type="text/javascript">
var bObj = document.getElementById("bu");
bObj.attachEvent("onclick",method1);
bObj.attachEvent("onclick",method2);
bObj.attachEvent("onclick",method3);
function method1(){alert("第一个alert")}
function method2(){alert("第二个alert")}
function method3(){alert("第三个alert")}
</script>
执行顺序是 method3 > method2 > method1 ，先进后出，与堆栈中的变量相似。需要注意的是attachEvent 中第一个参数是on开头的，可以是 onclick/onmouseover/onfocus 等等
据说(未经确认验证)在 IE 中使用 attachEvent 后最好再使用 detachEvent 来释放内存
再看看 Firefox 中的的 addEventListener：
<input type="button" value="我是布什" id="bu">
<script type="text/javascript">
var bObj = document.getElementById("bu");
bObj.addEventListener("click",method1,false);
bObj.addEventListener("click",met
相关文档：
JavaScript 可算是世界上最流行的编程语言，它曾被 Web 开发设计师贴上噩梦的标签，虽然真正的噩梦其实是 DOM
API，这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言，如今越来越被重视，虽则如此，JavaScript
仍然拥有很多让人费解的东西。
1. 它以 Java 命名，但并不是 Java
它最初叫 Mocha， 接着� ......
选择元素：document.getElementsByTagName，document.getElementsById,document.getElementsByName。
firstChild,lastChild,nextSibling，previousSibling
创建元素：document.createElement(),appendChild();
删除元素：removeC ......
Javascript里面分模式对话框和非模式对话框，其实两者区别就是在对话框被关闭之前用户能否在同一页面的其他地方进行工作。比如“打开文件”对话框便是典型的模式对话框，在你对这个对话框做出动作才能对打开该对话框的程序进行其他操作，而非模式对话框则不必。
模式对话框：showModalDialog
非模式对话框：sho ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>用javascript动态添加删除html元素</title>
<script type="text/javascript"><!--
function $(nodeId) {
re ......
转自：http://www.felixwoo.com/?s=%E9%97%AD%E5%8C%85
深入理解JavaScript闭包(closure)
发表于: 14:48 | 分类: 开发技术 | 评论: 25 | 人气: 6,114 |
最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的� ......
