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