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中有以下常用的事件,它们可以通过JavaScript中的自定义函数来响应
1.onclick事件
单击事件,即用户单击鼠标按钮时发生的事件,可以在以下基本对象中产生该事件:button,radio,checkbox,submit,reset
2.onchange事件
改变事件,通常发生在以下两种情况
& ......
<style>
ul,li{margin: 0; padding: 0;width:100%;}
</style>
<script language="javascript" type="text/javascript">
function checkword()
{
var wordvalue=document.getElementById("word").value.toLowerCase();
var alltxt="admin管理员|apple苹果|all全|big大|b ......
在使用getElementById时又遇到了“document.getElementById('...')为空或不是方法”的错误,alert()了一下发现获取的值为null,于是找了半天搜索到了这个这个defer。
在javascript标签中加上 defer 等于在页面完全在入后再执行,相当于 window.onload ,但应用上比 window.onload  ......