zoukankan      html  css  js  c++  java
  • 学习js回调函数

    <!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"){
                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>

    网上看了一个例子,进行了修改,按上面方式可以回调成功,直接复制粘贴到html文件中即可测试

  • 相关阅读:
    手把手教您玩转信用卡 如何“以卡养卡”合法“套现”
    267家已获第三方许可机构名单查询
    C#生成图片验证码
    File I/O
    文件上传代码
    集合框架
    接口
    多态
    封装
    jsp做成mvc模式的代码
  • 原文地址:https://www.cnblogs.com/songjiali/p/6177893.html
Copyright © 2011-2022 走看看