posts - 72, comments - 19, trackbacks - 0, articles - 0

javascript事件函数绑定

Posted on 2007-03-16 16:17 阅读(2625) 评论(2)  编辑 收藏 引用 所属分类: java学习日记

比如说函数
function buttonOnclickHandler(event){
var data=calculate();
showData(dataTable,data);
}
function ajaxOnloadHandler(){
var data=calculate();
showData(otherDataTable,data);
}
function calculate(){
var data=new Array();
data[0]=6;
data[1]=data[0]/3;
data[2]=data[0]*data[1]+7;
return data;
}
function showData(table,data){
var newRow=createTableRow(table);
for (var i=0;i<data.length;i++){
createTableCell(newRow,data[i]);
}
}
如果同一个按钮的单击事件或页面载入事件绑定要这样写:
buttonDiv.onclick=buttonOnclickHandler;
poller.onload=ajaxOnloadHandler;
而不能写成:
buttonDiv.onclick=buttonOnclickHandler(event);
poller.onload=ajaxOnloadHandler();
还要特别注意这种写法:
window.onload=function(){
var hello=document.getElementById('hello');
hello.className='declared';
debugger;
var empty=document.getElementById('empty');
addNode(empty,"Visiter of");
addNode(empty,"WebCast");
var children=empty.childNodes;
for (var i=0;i<children.length;i++){
children[i].className='programmed';
}
empty.style.border='solid green 2px';
empty.style.width="200px";

}
function addNode(el,text){
var childEl=document.createElement("div");
el.appendChild(childEl);
var txtNode=document.createTextNode(text);
childEl.appendChild(txtNode);
}

Feedback

# re: javascript事件函数绑定[未登录]  回复  更多评论   

2008-07-02 11:33 by apple
很有用,谢谢博主。
好像很久不更新了么。
博主最近还好么?

# re: javascript事件函数绑定  回复  更多评论   

2008-09-01 19:01 by 内容被禁止显示
内容被禁止显示
只有注册用户登录后才能发表评论。