第3讲--脚本语言--JavaScript.pptVIP

第3讲 脚本语言;本章主要内容;1 在HTML中插入JavaScript ;1.2 在HTML文档中插入JavaScript的方式 ;效果图;1.2 在HTML文档中插入JavaScript的方式;1.2 在HTML文档中插入JavaScript的方式;1.3 使用JavaScript对象属性与方法 ;效果图;上例知识点分析;上例知识点分析;上例知识点分析;2 JavaScript变量、数据类型与表达式;例 3.3 带有JavaScript变量，并给变量赋值的文档(P45) html body script language=JavaScript var name=prompt(请输入你的姓名：,张驰) var x=7 var y=8 document.write(欢迎你，+name) document.write(px+y=+(x+y)) /script /body /html ;上例知识点归纳;2.2 JavaScript的数据类型 ;2.3 JavaScript的运算符 ;2.3 JavaScript的运算符;2.3 JavaScript的运算符;2.3 JavaScript的运算符;2.3 JavaScript的运算符;2.3 JavaScript的运算符;例 3.4 使用JavaScript表达式，给出表达式结果（P48）。 html head script language=JavaScript var question=10+20是多少？; var answer=30; var x1=计算正确; var x2=计算错了; var x5=prompt(question,0); var output=(x5==answer)?x1:x2; /script /head body script language=JavaScript document.write(output); /script /body /html;如图所示对话框，输入30并单击“确定”按钮后，会出现图所示页面。; 3 JavaScript对象实例与函数;例 3.5 包含Date对象实例（P50）。 html body script language=JavaScript today=new Date() document.write(现在的时间是：,today.getHours(),:,today.getMinutes()) document.write(br今天的日期是：,today.getMonth()+1,/,today.getDate(),/,today.getYear()) /script /body /html;;知识点归纳;3.2 创建JavaScript的自定义函数 ;例 3.6 一个包含产生随机数的自定义函数（P51）。 html head script language=JavaScript function RandomNumber() { today =new Date(); num =Math.abs(Math.sin(today.getTime())); return num; } /script /head body script language=JavaScript document.write(这是自定义函数RandomNumber()产生的随机数:,RandomNumber()); /script /body /html;创建自定义函数的方法;4 JavaScript的选择语句 ;4.1 if-else 单选语句 ;例 3.7 使用if-else单选语句。（P53） html script language=JavaScript var mess1=; document.write(centerfont color=#0000FF size=4b); day = new Date( ); hr = day.getHours( ); if (( hr = 6 ) (hr 18 )) {mess1=现在是白天，该工作了。}; else {mess1=现在是黑夜，该休息了！ }; document.write(mess1); document.write(/b/font/center); /script /html;4.2 switch多选语句 ;例 3.8 使用switch多选语句（P54） script language=JavaScript var mess1=; day = new Date( ); hr = day.getHours( ); switch (( hr = 0 ) (hr = 4