教学项目十八 JavaScript语法基础
【 基本内容 】
讲解 JavaScript语言变量、表达式、运算符
【 教学要求 】
了解 JavaScript变量、表达式的基本规则，掌握运算符的使用
一、变量
1.变量的命名规则
可以是任意长度的字母、数字、下划线，变量名第一个字符不能
为数字；
2．变量的定义
var 变量名；
3．变量类型
数值型 逻辑型 字符串 对象
例 1 设计 JavaScript程序,输出面积
<html>
<head>
<script language="javascript">
var r=3;
var pi=3.1415;
document.write("半径为,",r,"<br>");
document.write("面积为,",r*r*pi);
</script>
</head>
</html>
例 2 设计程序，弹出窗口,从键盘输入信息，然后显示
<html>
<head>
<script language="javascript">
var m=prompt("请输入你的姓名,"," ");
document.write("<br>"+ "你的姓名为,",m);
</script>
</head>
</html>
二、表达式
由常量、变量和操作符连接而成的式子
JavaScript条件表达式的使用,
格式 (条件 )?A:B
如果条件成立，则表达式取值 A，否则取 B
例 3．设计密码检测程序，密码正确，显示, 欢迎访问,,
不正确显示, 密码不正确，好好想哟,
<html>
<head>
<script>
var password= "111111";
var answer= prompt("请输入你的密码 ","");
alert((answer == password)? "欢迎访问 ", "
密码不正确，好好想想哟,");
</script>
</head>
</html>
三,JavaScript的操作符
1．算术运算操作符
+ — * / %（ 取余 ） ++ -- -（ 取反 ）
<html>
<head>
<script language="javascript">
var a=35,b=7;
document.write("a=",a,"&nbsp;b=",b);
document.write("<br>和为 ",a+b);
document.write("<br>差为 ",a-b);
document.write("<br>积为 ",a*b);
document.write("<br>商为 ",a/b);
document.write("<br>余数为 ",a%b);
document.write("<br>a自加为 ",++a);
document.write("<br>b自减为 ",--b);
document.write("<br>a取反为 ",-a);
</script>
</head>
</html>
2．位操作符
&（与） |（或） ^（异或） ~（取反）
<<(左移 ) >>（右移） >>>（填零的右移操作）
例,
<html>
<head>
<script>
m=0x2f,n=0xc0;
document.write("<br>m=",m,"&nbsp;n=",n);
document.write("<br>与操作 ",m&n);
document.write("<br>或操作 ",m|n);
document.write("<br>异或操作 ",m^n);
document.write("<br>m取反操作 ",~m);
document.write("<br>n左移 ",n<<3);
document.write("<br>m右移 ",m>>2);
</script>
</head>
</html>
3．逻辑操作符
&&（逻辑与） ||（逻辑或） ！（逻辑非）
4．比较操作符
== != >= <= > <
5.字符串连接操作符
+ +=
【 课后小结 】
掌握 JavaScript的常量, 变量, 表达式,运算符是设
计 JavaScript特效网页的基础；参照高级程序设计语言的语
法来学习 JavaScript，将会加快你学习 JavaScript特效网页
的效率。