【网页设计教案】JavaScript语法基础.docVIP

教学项目十八 JavaScript语法基础 【教学内容】 讲解JavaScript语言变量、表达式、运算符 【教学目的】 使学生了解JavaScript变量、表达式的基本规则，掌握运算符的使用 【教学重点】 JavaScript运算符的使用 【教学难点】 JavaScript 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．JavaScript 入门与提高 杨浩著 清华大学出版社 2．Internet 网页工场 Wittime工作室 重庆出版社 3．JavaScript从入门到精通 电脑报社出版 4．JavaScript编程起步 人民邮电出版社 5．Flash MX灵感设计 电子工业出版社 【教学过程】 【新课】 变量 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(bra自加为,++a); document.write(brb自减为,--b); document.write(bra取反为,-a); /script /head /html 2．位操作符 （与） |（或） ^（异或） ~（取反） (左移) （右移） （填零的右移操作） 例： html head script m=0x2f,n=0xc0; document.write(brm=,m,nbsp;n=,n); document.write(br与操作,mn); document.write(br或操作,m|n); document.write(br异或操作,m^n); document.write(brm取反操作,~m); document.write(brn左移,n3); document.write(brm右移,m2); /script /head /html 3．逻辑操作符 （逻辑与） ||（逻辑或） ！（逻辑非） 4．比较操作符 == != = = 5.字符串连接操作符 + += 【课后小结】 掌握JavaScript的常量，变量，表达式，运算符是设计JavaScript特效网页的基础；参照高级程序设计语言的语法来学习JavaScript，将会加快你学习JavaScript特效网页的效率。 湖北职院计算机科学与技术系理论课教案—《网页设计》