发表于: 2017-05-20 23:56:26

1 1006


今天完成的事:

复习JS

明天计划的事;

做最后的调试,准备DOME

遇到的问题:

暂无

收获:

一、引言

a)         区分大小写

b)         单引号、双引号

c)         括号

d)         函数调用和引用

e)         作用域、闭包

f)          自己创建js库

 

二、具体介绍

    a) 区分大小写:js中方法、变量、对象都是区分大小写的。

Function myFunction(){} 和 function MyFunction(){}是不同的两个函数。

Js中核心对象Array如果写成array,则不能识别;Object也是一样。

 

    b) 单引号、双引号

Js中单引号和双引号没有特殊区别,都可以用来创建字符串。但是一般情况下,我们喜欢使用单引号。

*注:单引号中可以包含双引号,双引号也可以包含单引号。

下面的实例:我们想通过函数,显示变量temp和temp2的字符串值:

 

[html] view plain copy print?

<script language="javascript" type="text/javascript">  

    /*var array =new Array();*/  

    var temp='aj"abc"';  

    var temp2="a'acb'";  

      

    function Init(){  

        alert(temp);  

        alert(temp2);  

    };  

</script>  

<body onload="Init();"></body>  

    c) 在js中括号有两种作用:

                         i.    改变优先级,括号内的内容优先执行

                        ii.  (function(){})();  function之前的一对括号作为分隔符,后面的括号表示立即执行这个方法

同样是上面的实例,我们也可以这样执行,后面的括号表示立即执行该函数</script>前面的小括号。

 

[html] view plain copy print?

<script language="javascript" type="text/javascript">  

    var temp='aj"abc"';  

    var temp2="a'acb'";  

      

    (function Init(){  

        alert(temp);  

        alert(temp2);  

    })();  

</script>  

    d) 函数调用和引用:

Var foo=example();  //foo表示函数的返回值;

Var foo=example;   //表示将函数的引用赋给一个值foo1;

上面的实例,我们也可以将函数的指针指向onload事件。

 

[html] view plain copy print?

<script language="javascript" type="text/javascript">  

    /*var array =new Array();*/  

    var temp='aj"abc"';  

    var temp2="a'acb'";  

      

    function Init(){  

        alert(temp);  

        alert(temp2);  

    };  

  

    window.onload=Init;//把函数的指针指向onload  

</script>  

    e) 作用域、闭包:

下面的实例,我们想通过点击页面上的a标记链接,显示相应的i的值。然后这样做不能达到效果:

 

[html] view plain copy print?

<script language="javascript" type="text/javascript">  

    function newInit(){  

        for(var i=1;i<=3;i++){  

            var anchor=document.getElementById("anchor"+i);  

            anchor.onclick=function(){  

                alert("fadsf"+i);  

            }  

        }  

    }  

    window.onload=newInit;  

</script>  

<body>  

<a id="anchor1" href="#">abc</a><br/>  

<a id="anchor2" href="#">abc</a><br/>  

<a id="anchor3" href="#">abc</a><br/>  

</body>



返回列表 返回列表
评论

    分享到