湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目十八 JavaScript语法基础 【教学内容】 讲解 JavaScript语言变量、表达式、运算符 【教学目的】 使学生了解 JavaScript变量、表达式的基本规则,掌握运算符的使用 【教学重点】 JavaScript运算符的使用 【教学难点】 Javas 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1. Wittime工作室重庆出版社 3.< JavaScript从入门到精通》〉 电脑报社出版 4.< JavaScript编程起步 人民邮电出版社 5.<F1 ash mX灵感设计 电子工业出版社 【教学过程】 【新课】 、变量
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目十八 JavaScript 语法基础 【教学内容】 讲解 JavaScript 语言变量、表达式、运算符 【教学目的】 使学生了解 JavaScript 变量、表达式的基本规则，掌握运算符的使用 【教学重点】 JavaScript 运算符的使用 【教学难点】 JavaScript 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．> 杨浩著 清华大学出版社 2．> Wittime 工作室 重庆出版社 3．> 电脑报社出版 4．> 人民邮电出版社 5．> 电子工业出版社 【教学过程】 【新课】 一、变量
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 1.变量的命名规则 可以是任意长度的字母、数字、下划线,变量名第一个字符不能为数字; 2.变量的定义 var变量名 3.变量类型 值型逻辑型字符串对象 例1设计 JavaScript程序,输出面积 [ 需麴;n,2?so 努; script language=" javascript var r=3 arpi=3.1415 document. write("半径为:",r,"") document. write("面积为:",r*r*pi) 例2设计程序,弹出窗口,从键盘输入信息,然后显示
湖北职院计算机科学与技术系理论课教案—《网页设计》 1.变量的命名规则 可以是任意长度的字母、数字、下划线，变量名第一个字符不能为数字； 2．变量的定义 var 变量名； 3．变量类型 数值型 逻辑型 字符串 对象 例 1 设计 JavaScript 程序，输出面积 var r=3; var pi=3.1415; document.write("半径为：",r,""); document.write("面积为：",r*r*pi); 例 2 设计程序，弹出窗口,从键盘输入信息，然后显示
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 必 次收限的媒体也③丽· 请入你的趣名 在打开网页11n:FG:特效代码\上t html> "+"你的姓名为:",m) 二、表达式 由常量、变量和操作符连接而成的式子 JavaScript条件表达式的使用 格式(条件)?A:B 如果条件成立,则表达式取值A,否则取B 例3.设计密码检测程序,密码正确,显示“欢迎访问”,不正确显示“密码不正确,好好 想哟
湖北职院计算机科学与技术系理论课教案—《网页设计》 var m=prompt("请输入你的姓名:"," "); document.write(""+ "你的姓名为：",m); 二、表达式 由常量、变量和操作符连接而成的式子 JavaScript 条件表达式的使用： 格式 (条件)?A:B 如果条件成立，则表达式取值 A，否则取 B 例 3．设计密码检测程序，密码正确，显示“欢迎访问”，不正确显示“密码不正确，好好 想哟
湖北职晚计算机科学与技术糸理论课教豪一《网页设计》 收来的媒体品□四 ①)中]:释效代码\心2.ht一 M③转到” Morosort Internet Explorer D ∠幅不正确,好好想想 Head> script> ar password=llllll var answer= prompt("请输入你的密码",") alert( answer= password)?"欢迎访问":"密码不正确,好好想想哟,") 、 JavaScript的操作符
湖北职院计算机科学与技术系理论课教案—《网页设计》 var password= "111111"; var answer= prompt("请输入你的密码",""); alert((answer == password) ? "欢迎访问" : "密码不正确，好好想想哟,"); 三、JavaScript 的操作符
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 算术运算操作符 */%(取余) (取反) 后国园的搜索收夹的媒件体品8:□ 地址①)G:特效代码106Mt ②转到链接” 06-记事本 ttttttt 特效代码 G特效代码 head> Script language="javascript> var a=35, b=7 document. write(a=, a, " b=", b) document. write("和为",a+b) document. write("差为",a-b); document. write("积为",a*b) document. write("商为",a/b) document. write("余数为",a‰b); document. write("a自加为",+a) document. write("b自减为",-b) document. write("a取反为",-a)
湖北职院计算机科学与技术系理论课教案—《网页设计》 1．算术运算操作符 + — * / %（取余） ++ -- -（取反） var a=35, b=7; document.write("a=",a," b=",b); document.write("和为",a+b); document.write("差为",a-b); document.write("积为",a*b); document.write("商为",a/b); document.write("余数为",a%b); document.write("a 自加为",++a); document.write("b 自减为",--b); document.write("a 取反为",-a);
湖北职晚计算机科学与技术理论课教案一《网页设计》 /script) 2.位操作符 (与 (或) (异或) (取反 >(右移)>(填零的右移操作) 例 必索收律的煤体,圈回 址①4G:特m代M7tm M种腰 192m一记事本 2[需:: 后 head> document. write("m=", m,   document. write("与操作",n&n) document. write("或操作",m|n); document. write("异或操作",mn) document. write("m取反操作",m)
湖北职院计算机科学与技术系理论课教案—《网页设计》 2．位操作符 &（与） |（或） ^（异或） ~（取反） >（右移） >>>（填零的右移操作） 例： m=0x2f,n=0xc0; document.write("m=",m," n=",n); document.write("与操作",m&n); document.write("或操作",m|n); document.write("异或操作",m^n); document.write("m 取反操作",~m);
湖北职晚计算机科学与技术理论课教案一《网页设计》 document. write("m右移",m>2) 3.逻辑操作符 &(逻辑与)|(逻辑或)!(逻辑非) 4.比较操作符 5.字符串连接操作符 【课后小结】 掌握 JavaScript的常量,变量,表达式,运算符是设计 JavaScript特效网页的基 础;参照高级程序设计语言的语法来学习 Javascripυt,将会加快你学习 JavaScript特效 网页的效率
湖北职院计算机科学与技术系理论课教案—《网页设计》 document.write("n 左移",nm 右移",m>>2); 3．逻辑操作符 &&（逻辑与） ||（逻辑或） ！（逻辑非） 4．比较操作符 == != >= < 5.字符串连接操作符 + += 【课后小结】 掌握 JavaScript 的常量，变量，表达式，运算符是设计 JavaScript 特效网页的基 础；参照高级程序设计语言的语法来学习 JavaScript，将会加快你学习 JavaScript 特效 网页的效率
