易截截图软件、单文件、免安装、纯绿色、仅160KB

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);
    };
这样就巧妙的通过匿名方法实现了!


相关文档:

[整理]JavaScript最流行的2种定义类的方式

转自:http://www.cnblogs.com/greki/archive/2009/06/02/1494863.html
其它方式:工厂方式,构造函数方式,原型方式都各有各的大缺陷,这里就不一一介绍了,想了解的可以去看一下这本著作的第3章节。
1. 混合构造函数/原型方式
function  Car(sColor, iDoors, iMpg) {
this .color  =  sColor;
this ......

JavaScript中的window对象

window对象:每一个该对象代表一个浏览器窗口
1.常用方法如下
      open("要打开的页面文件名","打开窗口在操作系统中的名称(任何名称都可以)",
               "toolbar=?,menubar=?,top=?,left=?,width=?,height=?" ......

JavaScript中常用的事件

JavaScript中有以下常用的事件,它们可以通过JavaScript中的自定义函数来响应
1.onclick事件
     单击事件,即用户单击鼠标按钮时发生的事件,可以在以下基本对象中产生该事件:button,radio,checkbox,submit,reset
2.onchange事件
     改变事件,通常发生在以下两种情况
& ......

javascript输入匹配

<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 ......

javascript中的defer

在使用getElementById时又遇到了“document.getElementById('...')为空或不是方法”的错误,alert()了一下发现获取的值为null,于是找了半天搜索到了这个这个defer。
在javascript标签中加上 defer 等于在页面完全在入后再执行,相当于 window.onload ,但应用上比 window.onload  ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号