zoukankan      html  css  js  c++  java
  • 回调函数callback使用例子

    代码如下:

    <!DOCTYPE HTML> 
    <html> 
    <head>  
    <meta charset="GBK" />
    <title>回调函数(callback)</title> 
    <script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
    <script language="javascript" type="text/javascript"> 
        var f;
        function d(){
            alert("我是Jquery定义的函数d");
        }
        var e = function(){
            alert("我也是Jquery定义的函数e");
        }
        
        function a(callback) {    
            alert("我是parent函数a!");   
            d(); 
            if (typeof callback === "function"){
                //alert(callback);
                callback(); 
            }
        } 
        function b(){ 
            alert("我是回调函数b");  
          
            d();
            e();
            f();
        } 
        function c(){ 
            alert("我是回调函数c");   
            d();
            e();
            f();
        } 
        function test1() { 
            a(b); 
        } 
        function test2() { 
            a(c); 
        } 
        $(function(){ 
            f = function(){ 
                alert("我是回调函数f");   
            } 
        });
    </script> 
    </head> 
    <body > 
        <h1>学习js回调函数</h1> 
        <button onClick=test1()>test a(b)</button> 
        <button onClick=test2()>test a(c)</button> 
        <p>应该能看到调用了两个回调函数</p> 
        <p > </p> 
    </body> 
    </html>
  • 相关阅读:
    数组分割成多个数组
    node-inspector调试工具
    6.17周六随写
    JavaScript设计模式
    JavaScript设计模式
    async源码学习
    Linux信号列表
    php常用Stream函数集介绍
    php进程控制
    php 单例模式与常驻服务
  • 原文地址:https://www.cnblogs.com/alsf/p/6555525.html
Copyright © 2011-2022 走看看