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 ......
window对象:每一个该对象代表一个浏览器窗口
1.常用方法如下
open("要打开的页面文件名","打开窗口在操作系统中的名称(任何名称都可以)",
"toolbar=?,menubar=?,top=?,left=?,width=?,height=?" ......
实例如下:javascript.html文件
<html>
<head>
<title>JavaScript验证</title>
</head>
<script language='JavaScript'>
......
在使用getElementById时又遇到了“document.getElementById('...')为空或不是方法”的错误,alert()了一下发现获取的值为null,于是找了半天搜索到了这个这个defer。
在javascript标签中加上 defer 等于在页面完全在入后再执行,相当于 window.onload ,但应用上比 window.onload  ......