JavaScript动态添加|绑定事件
1,不带参数的事件:
两种方式:直接给对象添加事件,节点添加事件
例如给一个id为tab1的添加onclick事件
第一种情况:
var
t
=
document.getElementById(
"
NewTitle
"
);
t.onclick
=
function
showmsg(){
alert(
'
Hello!World
'
);
}
~
第二种情况 这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序),呵呵
var
tb
=
document.getElementById(
"
NewTitle
"
);
if
(window.addEventListener){
//
Mozilla, Netscape, Firefox
td_value.addEventListener(
'
click
'
, alert(
'
cc
'
),
false
);
td_value.addEventListener(
'
click
'
, alert(
'
cc
'
),
false
);
}
else
{
//
IE
td_value.attachEvent(
'
onclick
'
,
function
(){alert(
'
changchang
'
);});
td_value.attachEvent(
'
onclick
'
,
function
(){alert(
'
changchang
'
);});
}
~
2,带参数的事件:
解决方法:匿名函数:
element.onclick
=
function
() {
functionName(param);
};
这样就巧妙的通过匿名方法实现了!
相关文档:
转自:http://www.cnblogs.com/greki/archive/2009/06/02/1494863.html
其它方式:工厂方式,构造函数方式,原型方式都各有各的大缺陷,这里就不一一介绍了,想了解的可以去看一下这本著作的第3章节。
1. 混合构造函数/原型方式
function Car(sColor, iDoors, iMpg) {
this .color = sColor;
this ......
javascript
对象的property和prototype
是
这样一种关系
ECMAScript可以识别两种类型的对象,一种叫做Native Object属于语言范畴;一种叫做Host Object,由运行环境提
供例如document对象,
Dom Node等
Native objects是一种松散的结构并且可以动态的增加属性(property),所有的属性都有一个名字和一个值,这个值 ......
经过前段时间,学习《ajax完全自学手册》后,才知道javascript原来还可以这么写。
学过java,c#,vb的都知道类的概念,而类具有继承、封装、多态等功能。而javascript它不是面向对象语言,它是解释性语言。
但我们同样可以使用javascript来实现继承、多态。
javascript实现类,有多种方法。
方法一:构造方法。
......
javascript函数的定义
1:调用关键字function来构造,如:
function distance(x1,x2,y1,y2)
{
var dx=x2-x1;
var dy=y2-y1;
return Math ......