js callback 回调函数.html

最新推荐文章于 2025-02-06 15:53:05 发布

原创最新推荐文章于 2025-02-06 15:53:05 发布 · 1.0k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

1 篇文章

订阅专栏

本文通过具体的HTML和JavaScript代码示例介绍了回调函数的概念及其使用方式。详细展示了如何定义和使用回调函数来处理异步操作，并提供了两个不同的回调函数示例进行对比说明。

<input type="button" value="回调" onclick="callbackTest()">
<script type="text/javascript">
function callbackTest(){
    alert("a do sth before callback");
    var lc_callback=function (data){
	alert("balabalabala... callback return data:"+data);
    }
    kk(lc_callback); /*if(window.kSubimt) window.kSubmit(lc_callback);*/
    alert("a do sth afer callback");
}

//another window  /*window.kSubmit=function (callbackFunc){....}*/
function kk(callbackFunc){
    alert("s");
    if(callbackFunc) callbackFunc("哈哈");
    alert("b");
}
</script>






<button onClick=test()>click me</button>
<script language="javascript" type="text/javascript"> 
function a(callback) 
{    
    alert("我是parent函数a！"); 
    callback(); 
    alert("over");
} 
function b(){ 
    alert("我是回调函数b");  
} 
function c(){ 
    alert("我是回调函数c"); 
} 

function test() 
{ 
    a(b); 
    a(c); 
} 
</script>