回调函数

来源：互联网发布：scala 知乎编辑：程序博客网时间：2024/06/10 17:48

一段理解回调函数的代码：

<body>
<div id="box">1</div>
<div id="box1">2</div>
<div id="box2">3</div>
<script type="text/javascript">
/*window.onload = function(){
var boxDom = document.getElementById("box");
boxDom.onclick = function(){
this.style.background = "red";
};
}*/

//封装
function clickMe(id,callback){
var boxDom = document.getElementById(id);
boxDom.onclick = function(){
if(callback)callback(this);
};
};
// function callback1(obj){
// obj.style.width = 400 + "px";
// obj.style.background = "red";
// obj.style.height = 250 + "px";
// };
// function callback2(obj){
// window.location.href = "http://www.baidu.com";
// }
clickMe("box",function callback1(obj){
obj.style.width = 400 + "px";
obj.style.background = "red";
obj.style.height = 250 + "px";
});
clickMe("box1",function callback2(obj){
window.location.href = "http://www.baidu.com";
});
clickMe("box2",function callback(obj){
obj.style.width = 40 + "px";
obj.style.background = "green";
obj.style.height = 400 + "px";
});
</script>
</body>

0 0