Javascript基础

最近学习javascript有几天了,来分享一下,不过学习过程中我得到最大的一个心得是:学习不能做伸手党,要自己DO IT YOURSELF,动手自己试,学会百度资源真的很重要。

javascript作为一个初学者,我是从输出等开始学习。JS的输出方法有两种:alert()和document.write(),alert是以一个弹出框的方式显示内容,而document.write是直接在网页上显示。

在HTML文档中使用JS,我目前只接触到两种,一是在html中直接插入JS,使用<script></script>标签。除css语法外的地方都可以写js代码。

                                                          二是写在外部文件中,通过<script src="js文件位置"></script>来调用。

----------------------------------------------------------------------------------------------------------

js的命名规范:要有意义(这是一个不用解释的吧,我想所有命名应该都要有意义,以后方便看懂。)再着就是不能以数字开头,也不能是系统的关键字。

                 由于js是区分大小写,所以变量名和函数在第一个单词以后的每个单词的首字母要大写。

----------------------------------------------------------------------------------------------------------

js的变量:全局变量和局部变量

 例:(注:例中只举<script>标签的内容,忽略html和输出实现内容等,望注意,后面的例子也一样哦,不再做提醒)

<script>

var n=10;m=10;//全局变量

function demo(){

  var i=10; //局部变量

  x=10; //全局变量

}

</script>

----------------------------------------------------------------------------------------------------------------

js的运算符: 一算数运算符(+,-,*,%,/,++,--)这些都比较基础,就不举例了。对++做一下说明吧,例i++则是先运算后做加法,++i是先做加法再运算。

                 二赋值运算(=,+=,-=,*=,%=,/=)例x+=y即表示x=x+y.

                 三比较运算符(!=,!==。。。。。)!=与!==区别在于!=只有值相等,而!==要值和类型都相等。其比较运算符返回的是一个boolean值。

                 四逻辑运算符(&&,||,!)&&与,||或,!非

                  五条件运算符。例x>y?"x比y大":“x比y小”的格式为:表达式?满足条件执行:不满足时执行。

-------------------------------------------------------------------------------

语句:       条件语句:if-else,switch

               循环语句:for循环、for/in、while、do-while

例:(for/in):var i=[1,2,3,4];

                    var j;

                    for( j  in  i ){

                       documet.write(i[j]+"<br/>");

                       }

置于文档中执行结果,即将数组打印出来。

-------------------------------------------------------------------------------------

跳转语句:break,continue、return.    

             break:跳出当前循环,不继续。

             continue:结束本次循环,继续下次循环。

             return:一般使用于函数,即实现带返回值的函数。

例:function demo(){

     return"hello."

}

var vl=demo();

alert(vl);

执行结果:即弹出框,内容为“hello”.    【扩展:若在函数中return语句之后再加代码,则不会执行。】

-------------------------------------------------------------------------------------------------------

上面的一些例子中我已经有谈到函数,现在介绍函数吧。

函数的结构:

    function 函数名(){

              函数体;//代码块

     }

1.function是要小写的(!!!再次提醒javascript区别大小写)

2.调用:    一在<script></script>的标签中调用。

               二在html文件中调中,例<button onclick="函数名"></button>

3.函数可以带参数

-----------------------------------------------------------------------------------------------

嘻嘻,后续再更~~~~~~

原文地址:https://www.cnblogs.com/yanyuanyuan/p/5708526.html