cxx8181602

jq和js入口写法demo:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>jq和js用法:入口写法</title>
 6 </head>
 7 <script src="http://code.jquery.com/jquery-2.2.4.js"></script>
 8 <script>
 9         //js 方法一
10         window.onload = function(){
11             funName = function(){}
12             funName.myfun = function(){
13                 alert(\'a\');
14             }
15             funName.myfun();
16         };
17 
18         //js 方法二 最前最后加括号
19         (function(n1,n2){  
20             alert(n1+n2);
21          }(11,22));
22 
23          //js 方法三 function外面加一对括号
24         (function(n3,n4){  
25             alert(n3+n4);
26          })(33,44);
27 
28         //jq 方法一
29         jQuery(document).ready(function(){
30              alert(1);           
31         });
32 
33         //jq 方法二
34         $(document).ready(function(){
35             alert(2);
36         });
37 
38         //jq 方法三
39         jQuery(function(){
40             alert(3);
41         });
42         
43         //jq 方法四(推荐写法)
44         $(function(){
45             alert(4);
46         });
47 </script>
48 </html>

 

callback

function A(a,callback){
....
}
function B(){
....
}
则可以有如下调用
A(a,B);来实现回调。
现在传给B方法一个参数c,即实现类似于:  A(a,B(c)); 的效果。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <script type="text/javascript">
        function A(a,callback){ 
            var b=callback; 
            console.log(a);//4
            console.log(b);//-3
            alert(a+b); //4-3=1
        } ;

        function B(c){ 
            return (-c); 
        } ;

        A(4,B(3))
    </script>
</body>
</html>

 

分类:

技术点:

相关文章: