window. alert("this man is a"+man script> 算术表达式、关系表达式(=、=、>=、<=等)、逻辑表达式(&&、‖、!等) <script language="javascript">(chapter03/section2/samevalue. asp) document. write("3=3) ∥显示true document. write("3==3) ∥显示 false 4、函数 函数的定义: function函数名(形式参数){ 数体 return表达式 i(chapter03/section 2/ usefucntion asp 函数的调用: 格式1: varname=函数名(实际参数 ∥返回值时用 格式2:函数名(参数值) ∥无返回值时用 JavaScript的函数采用传值方式进行传递;通常函数的定义是在<head><head>部分 举例:( chapter3 Section2/ passalus.asp) chtmlxmins="Http://www.w3.org/1999/xhtml"> metahttp-equiv="content-typecontent="teXt/html;charset-=gb2312> ttfe无标题文档<ttle> <script language="javascript"> function cuberoot( num) 4 num=Math pow(num, 1/3) return nt </head> <script language="javascript"> window. alert("27的立方根为:"+ cuberoot(x+",x="+x), html 5、变量的作用域 作用域是指定变量的存活范围,在 JavaScript中,变量的作用域可分为过程级和页面 级,其实质都是局部变量; 在函数中运用va定义的变量只在函数体内有效,如果出现同名则屏蔽函数外的变量; 如果未用var定义则使用函数外同名的变量,如果没有同名的函数外变量则此变量在函
window.alert("this man is a "+man); </script> ⚫ 算术表达式、关系表达式（==、===、>=、<=等）、逻辑表达式（&&、||、!等） <script language="javascript">（chapter03/section2/samevalue.asp） document.write("3"==3); //显示 true document.write("3"===3); //显示 false </script> 4、函数： 函数的定义： function 函数名（形式参数） { 函数体 return 表达式 }（chapter03/section2/ usefucntion.asp） 函数的调用： 格式 1：varname=函数名（实际参数） //有返回值时用 格式 2：函数名（参数值） //无返回值时用 JavaScript 的函数采用传值方式进行传递；通常函数的定义是在<head></head>部分 举例：（chapter03/section2/ passvalue.asp） <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript"> function cuberoot(num) { num=Math.pow(num,1/3) return num; } </script> </head> <body> <script language="javascript"> var x=27 window.alert("27 的立方根为："+cuberoot(x)+",x="+x); </script> </body> </html> 5、变量的作用域 作用域是指定变量的存活范围，在 JavaScript 中，变量的作用域可分为过程级和页面 级，其实质都是局部变量； ⚫ 在函数中运用 var 定义的变量只在函数体内有效，如果出现同名则屏蔽函数外的变量； ⚫ 如果未用 var 定义则使用函数外同名的变量，如果没有同名的函数外变量则此变量在函
数外仍然有效。 举例: <script language="javascript">(chapter03section 2/arrange. asp) function testo i =10 ∥去掉num定义,则不会有错 num+y window. alert("内部的num的值为:"+num);∥显示为23 esto window. alert("外部的num的值为:"+num) ∥显示错误 6、程序控制语句 条件分支语句:其中的条件取逻辑值,数值的0为 false,字符的“”为 false if(条件){ 语句体1: i else i 语句体2 举例:( chapter3/ section2/ control if.asp) <script language="javascript"> var a3. b=4.c=""d=abce=true. f=0 if(a==b)i document write("条件成立!");∥分别用其它变量来代替条件 se i document write("条件不成立!"), switch(表达式){ 值 语句 举例:( chapter3/ section2/ control switch. asp) var curday=new Date witch(curday get Dayo) i case document write("星期_"); break document. write("星期二") break;
数外仍然有效。 举例： <script language="javascript">（chapter03/section2/ varrange.asp） var x=13,y=29; function test() { var num,y=10; //去掉 num 定义，则不会有错 num=x+y; x++ window.alert("内部的 num 的值为："+num); //显示为 23 } test(); window.alert("外部的 num 的值为："+num); //显示错误 </script> 6、程序控制语句 条件分支语句：其中的条件取逻辑值，数值的 0 为 false，字符的“”为 false if (条件) { 语句体 1； } else { 语句体 2； } 举例：（chapter03/section2/ control_if.asp） <script language="javascript"> var a=3,b=4,c="",d="abc",e=true,f=0; if (a==b) { document.write("条件成立！"); //分别用其它变量来代替条件 } else { document.write("条件不成立！"); } </script> switch(表达式) { case 值： 语句 } 举例：（chapter03/section2/ control_switch.asp） <script language="javascript"> var curday=new Date(); switch(curday.getDay()) { case 1: document.write("星期一");break; case 2: document.write("星期二");break;
document. write("星期三") break; document. write("星期四"), break document. write("星期五"), break, case 6 document. write("< font color=FF0000>星期六</font>"), break; case o document write"< font color=FF0000星期日<font>"), break </script> 循环控制语句( chapter3/ section2/ control for.asp) ●for循环 <script language=javascri for( var n=2; n<=100; n+=2)( document. write("1-100间偶数的累加和为:"+s) e while(chapter03/section 2/ control while. asp) <script language="javascript"> document. write("<h"+n+>JavaScript<h"+n+><br>) do while 7、内置对象与函数( chapter3/ section3/ date array.asp JavaScript是一种基于对象的脚本语言,每一个对象均有自己的属性和方法,传统的字 符串和数学函数变成有关对象的方法;常用的内置对象有 string对象、math对象、 array和 Date ●S Var实例名= new String(“字符串”) 勾,”字符串 msg. length 方法: charat)、 indexof(等 ●Math 属性:数学常用的一些常量如:E、PI等 方法:数学常用的函数如:sin(a)、cos(a)、absO等
case 3: document.write("星期三");break; case 4: document.write("星期四");break; case 5: document.write("星期五");break; case 6: document.write("<font color='FF0000'>星期六</font>");break; case 0: document.write("<font color='FF0000'>星期日</font>");break; } </script> 循环控制语句（chapter03/section2/ control_for.asp） ⚫ for 循环 <script language="javascript"> var s=0; for(var n=2;n<=100;n+=2) { s+=n; } document.write("1-100 间偶数的累加和为："+s); </script> ⚫ while（chapter03/section2/ control_while.asp） <script language="javascript"> var n=1; while(n<=6) { document.write("<h"+n+">JavaScript</h"+n+"><br>"); n++; } </script> ⚫ do while 7、内置对象与函数（chapter03/section3/ date_array.asp） JavaScript 是一种基于对象的脚本语言，每一个对象均有自己的属性和方法，传统的字 符串和数学函数变成有关对象的方法；常用的内置对象有 string 对象、math 对象、array 和 Date ⚫ String Var 实例名=new String(“字符串”); Var msg=”字符串”; 属性： msg.length 方法：charat()、indexof()等 ⚫ Math 属性：数学常用的一些常量如：E、PI 等 方法：数学常用的函数如：sin(a) 、cos(a)、abs()等；
● Array Var数组名= new Array ar数组名= new Array(初值1、初值2等) 数组的成员的编号从0开始 ●Date Var实例名= new Date(; 方法 getyear(/getmonth(getdate(/getday(/gethoursogetminutes(/getsecondso evaO函数( chapterl3 section/ eval. asp) 举例 <ttle无标题文档< /title> <script language="javascript"> function calculate(obj)i bj result value=eval(obj expression value) </script> <form id="frmcalc"name="frmcalc"method="post"action="> 请输入要计算的表达式 <input name="expression"type="text"id="expression"/> 表达式的值为: <input name="result"type=text"id="result"/> <input type="button"name="Submit"value"it"onclick="calculate(frmcalc)" </form> 课后问题: 1、使用 JavaScri编程实现:根据时间段的不同,在网页中显示不同的问候语,若小时 数在12点以前,则输出“早上好!”的问候语;若在12点至18点,则输出“下午好!”;18 点以后输出“晚上好!
⚫ Array Var 数组名=new Array(); Var 数组名=new Array(初值 1、初值 2 等) 数组的成员的编号从 0 开始， ⚫ Date Var 实例名=new Date(); 方法： getyear()/getmonth()/getdate()/getday()/gethours()/getminutes()/getseconds() eval()函数（chapter03/section3/ eval.asp） 举例: <title>无标题文档</title> <script language="javascript"> function calculate(obj) { obj.result.value=eval(obj.expression.value); } </script> </head> <body> <form id="frmcalc" name="frmcalc" method="post" action=""> 请输入要计算的表达式 <input name="expression" type="text" id="expression" /> <br> 表达式的值为： <input name="result" type="text" id="result" /> <br> <input type="button" name="Submit" value="计算" onclick="calculate(frmcalc)"/> </p> </form> 课后问题： 1、使用 JavaScript 编程实现：根据时间段的不同，在网页中显示不同的问候语，若小时 数在 12 点以前，则输出“早上好！”的问候语；若在 12 点至 18 点，则输出“下午好！”；18 点以后输出“晚上好！
第四讲浏览器对象 教学重点: 浏览器提供的对象 2、 JavaScript语言中的事件处理; 教学要求 1、深刻认识浏览器的功能和其提供的各种对象,了解这些对象所提供的各种方法:熟 练在 Javascript编程调用浏览器中对象实现常用的功能的方法; 2、熟悉面向对象程序设计的工作原理,了解各类对象的事件响应从而实现动态交互式 页面 l、浏览器对象 JavaScript除了可以访问本身内置的各种对象外,还可以访问浏览器提供的对象,通过 对这些对象的访问,可以得到当前网页以及浏览器本身的一些信息,并能完成有关的操作 浏览器窗口与网页之间,网页与网页各组成部分之间并是一种从属关系,他们大关系如下 frame laver windows document location forms history Images external 2、 Window对象: 该对象位于最顶层,是其它对象的父对象,每一个 window对象代表着一个浏览器窗 口,访问其内部的其它对象: window可以省考略 Window子对象1.子对象2属性名或方法名 如: window. document login. username value=” guest” EX document login username ●属性: status <script language="javascript">(chapter03/section 4/windowstatus asp) window status="欢迎访问光临本站! TiE:( chapter03/section4/windowprompt. asp) alert方法,没有返回值! Confirm方法:返回逻辑值返回按“是”返回true,否则返回fas Prompt:返回输入的值。 举例: <script language="javascript">
第四讲 浏览器对象 教学重点： 1、浏览器提供的对象； 2、JavaScript 语言中的事件处理； 教学要求： 1、深刻认识浏览器的功能和其提供的各种对象，了解这些对象所提供的各种方法；熟 练在 Javascript 编程调用浏览器中对象实现常用的功能的方法； 2、熟悉面向对象程序设计的工作原理，了解各类对象的事件响应从而实现动态交互式 页面； 1、浏览器对象 JavaScript 除了可以访问本身内置的各种对象外，还可以访问浏览器提供的对象，通过 对这些对象的访问，可以得到当前网页以及浏览器本身的一些信息，并能完成有关的操作。 浏览器窗口与网页之间，网页与网页各组成部分之间并是一种从属关系，他们大关系如下 2、Window 对象： 该对象位于最顶层，是其它对象的父对象，每一个 window 对象代表着一个浏览器窗 口，访问其内部的其它对象：window 可以省考略 Window.子对象 1.子对象 2.属性名或方法名 如：window.document.login.username.value=”guest”; 或 document.login.username.value=”guest”; ⚫ 属性：status <script language="javascript">（chapter03/section4/ windowstatus.asp） window.status="欢迎访问光临本站!"; </script> 方法：（chapter03/section4/ windowprompt.asp） ⚫ alert 方法，没有返回值！ ⚫ Confirm 方法：返回逻辑值返回按“是”返回 true，否则返回 false ⚫ Prompt：返回输入的值。 举例： <script language="javascript"> windows frame document location layer history external images forms links