代碼如下：
<!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>