JavaScript基本语法

Jason（徐子） 2010-10-05

展开全文

JavaScript的基本语法（区分大小写）
一、常量
二、变量，实例
三、运算符，实例
四、表达式，实例
五、基本语句5.1 if-else条件语句 5.2for循环语句 5.3 while语句 5.4break语句 5.5continue语句 5.6switch 语句，实例
六、函数

一、常量
1.1整型常量：十六、八、十进制
1.2实型常量：
1.3布尔值:两种状态true和false 用小写
1.4字符型常量：使用单、双引号。例如："32150"或'sddf'
1.5空值：JavaScript中空值null。如果试图引用没有定义的变量，就会返回一个空值
1.6特殊字符:JavaScript中以/开头的不可显示的特殊字符为控制字符

二、变量
变量的主要作用是存取数据、提供存放信息的容器。变量可分为全局变量和局部变量。通常声明函数function内的都是局部变

量，在Script标记内的都是全局变量，局部变量只有在函数内存取。
2.1注意点：
   2.1.1必须是个有效的变量，即变量以字母开头，中间可以有数字。除了下划线（_）不可有空格+-逗号或其它符号
   2.1.2不能使用JavaScript中的关键字作为变量
   2.1.3在变量取名时与其代表的意思对应起来
2.2变量使用var关键字在使用前先做声明，并可赋值
   var myname；只声明
   var myname="John"; 声明并赋值

实例：

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用变量</title>
<style>
   
</style>
<script language="javascript">
    
</script>
</head>
<body>
     <h2>下面显示的是定义的变量值：</h2>
<script language="javascript">
    
</script>
</body>
</html>

结果：

下面显示的是定义的变量值：
欢迎学习
通过JavaScript脚本语言

三、运算符
双目运算符：操作数1 运算符操作数2
单目运算符：只有一个操作符，++1
3.1算术运算符：双目：加、减、乘、除、取模（%）单目：-取反、～取补、＋＋递加1、--递减1
3.2比较运算符：操作之后返回true或false
大于、小于、小于等于(<=)、大于等于(>=)、等于(==)、不等于(!=)
3.3逻辑运算符：也称布尔运算符，包括！取反、&&逻辑与、||逻辑或
3.4字符串运算符

实例：

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用javascript进行计算</title>
<style>
   
</style>

</head>
<body>
     <h2>下面显示的是各种类型的运算结果：</h2>
<script language="javascript">
    
</script>
</body>
</html>

结果：
    下面显示的是各种类型的运算结果：
        算术运算中的加法5+7的结果;12
        比较运算35>=36的结果是：false
        逻辑运算true&&false的值：false

四、表达式
表达式就是变量、常量、布尔及运算符的集合
表达式分为算术表达式、字符表达式、赋值表达式及布尔表达式等
4.1其中的条件表达式
（条件）？结果1：结果2
若条件的结果值为真，则表述式的结果为1，否则结果为2

实例：
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用表达式</title>
<style>
   
</style>

</head>
<body>
     <h2>下面应用javascript中的表达式：</h2>
<script language="javascript">
    
</script>
</body>
</html>
结果:
下面应用javascript中的表达式：
    判断3+6>8是否正确，如果正确的输出yes，否则输入no：
    yes

判断3+6<8是否正确，如果正确的输出yes，否则输入no：
no

五、基本语句
5.1 if-else条件语句
基本格式：
if（表达式）{
    执行语句1；
     ......
     }
    else{
        执行语句2；
        ......
         }
实例：
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用if-else条件语句</title>
<style>
   
</style>

</head>
<body>
     <h2>标准体重的测试：</h2>
标准体重（公斤）=身高（厘米）-105<br><br>
假如体重为66公斤，身高为169厘米，那么这个人的体重是否超重呢？<br>
<script language="javascript">
    
</script>
</body>
</html>

结果：
标准体重的测试：
标准体重（公斤）=身高（厘米）-105

假如体重为66公斤，身高为169厘米，那么这个人的体重是否超重呢？
计算结果：体重超出标准体重的百分比为3.125
体型标准，注意保持

5.2for循环语句
实例：
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用for语句计算累积的和</title>
<style>
   
</style>

</head>
<body>
     计算从1到10 的和：
<script language="javascript">
    
</script>
</body>
</html>
结果：
计算从1到10 的和： 55

5.4break语句
可以使循环从for或while中跳出
实例：

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用break语句跳出循环</title>
<style>
   
</style>

</head>
<body>
     从1开始输出整数，当循环到能被7整除时跳出循环，否则输出到20<br><br>
<script language="javascript">
    
</script>
</body>
</html>
结果：
从1开始输出整数，当循环到能被7整除时跳出循环，否则输出到20

1 2 3 4 5 6

5.5continue语句
使程序跳过循环内剩余的语句而进入下一次循环。
当遇到continue一句时并不是跳出整个循环，只是结束当前的这一次循环。因此下例中无7和14
实例：
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用continue语句跳出循环</title>
<style>
   
</style>

</head>
<body>
     从1开始输出整数，当循环到能被7整除时跳出循环，否则输出到20<br><br>
<script language="javascript">
    
</script>
</body>
</html>

结果：
从1开始输出整数，当循环到能被7整除时跳出循环，否则输出到20

1 2 3 4 5 6 8 9 10 11 12 13 15 16 17 18 19 20

5.6switch语句
switch语句是，如匹配执行case，如无case匹配则执行default
基本语法：
   switch（表达式）{
    case 值1;
      语句 1;
      break;
    case 值2;
      语句 2;
      break;
   ......
   default;
      语句N;
   }

实例说明：给定一组成绩，判断成绩的等级。如果小于60分则为不及格；60-69分为及格；70-79分为普通；80-89分为较好；90

分以上问优秀。

测试中。。。

六、函数
函数定义：
function 函数名（参数，变量）{
函数体；
return 表达式
}
说明：函数名用于定义函数名称；参数是传递给函数使用或操作的值，其值可以好似常量、变量或其它表达式；return则用于

设定函数的返回值。
区分大小写