最近学习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.函数可以带参数
-----------------------------------------------------------------------------------------------
嘻嘻,后续再更~~~~~~