1、实验项目 1 javascript 程序设计 3 、思考题： 设计 JavaScript 程序，在网页上输出半径为 3 的圆的面积和周长。 var r=3; var pi=3.1415; document.writeln(“ 圆的半径为： “ + r); document.writeln(“ 圆的面积为： “ + pi*r*r); document.writeln(“ 圆的周长为： “ + 2*pi*r); 实验内容二： JavaScript 对话框 4 、思考题： 设计密码检测程序，密码输入正确，显示 “ 欢迎访问 ” ，不正确显示 “ 密码不正确，好好想哟 ” 。 var password
2、= “123456“; var answer= prompt(“ 请输入你的密码 “,“); alert(answer = password) ? “ 欢迎访问 “ : “ 密码不正确，好好想想哟！ “);实验内容三： JavaScript 函数的定义及调用 教师演示 JavaScript 函数的定义及调用的程序案例，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。 1 、程序案例 1 素数判断 function IsPrime(p) if(p 实验内容四： JavaScript 分支结构程序设计 1 、分支结构程序案例 1 两个数排序 var x,y,temp; x =
3、parseFloat(prompt(“ 请输入 x 的值： “,“0“); y = parseFloat(prompt(“ 请输入 y 的值： “,“0“); if (xy) temp = x; x = y; y = temp; document.writeln(“ 排序后 ,x=“ + x +“;y=“ + y) 3 、思考题： 根据成绩给出学生的考评：如果成绩 =85, 考评 “ 优 ” ，否则如果成绩 =60 ，考评 “ 及格 ”, 否则考评为 “ 不及格 ” 。 var score,grade; score = parseFloat(prompt(“ 请输入学生的成绩 :“,“); i
4、f (score=85) grade=“ 优 “; else if (score=75) grade=“ 中 “; else if (score=60) grade=“ 及格 “; else grade=“ 不及格 “; alert(“ 根据学生成绩 :“ + score +“, 评定为 :“ + grade); 实验内容五： JavaScript 循环结构程序设计 教师演示 JavaScript 循环结构程序设计的程序案例，学生按照教师的操作步骤，自己编写该程序。 1 、循环结构程序案例 1 求 1+2+3+100 的累计和 var i,sum=0; for(i=1;i 2 、循环结构程序案
5、例 2 二位整数相加的测试程序 var go_on,x,y,result,answer do x = Math.floor(Math.random() *90)+10; y = Math.floor(Math.random() *90)+10; result = x+y; answer = parseFloat(prompt(x + “+“ + y + “=“,“0“); go_on = confirm(answer=result)?“ 答对 “:“ 答错 “) +“ ！ t 继续测试吗 ?“) while(go_on) 3 、循环结构程序案例 3 累加用户输入的整数 var input,in
6、put_number,sum for(sum=0;) input = prompt(“sum=“+sum + “n 请输入新的累加数 ( 输入 Q 结束 ):“,“0“);if (input=null | input=“Q“ | input=“q“) break; if (isNaN(input) continue; input_number = parseFloat(input); if (input_number 4 、思考题： 在页面上显示一个 “9 9 乘法表 ” 。 var i,j document.write(“) for(i=1;i1) document.write(“t“);
7、document.write(j+“+i+“=“+j*i); document.writeln(); document.write(“) 实验项目 2 内置函数和对象7 、思考题：判断用户输入的字符是不是数字，如果是，分别将其转换成浮点数和整数，并显示到网页上。 var input = prompt(“ 请输入字符！ “,“); alert(isNaN(input)?“ 你输入的不是数字 “:“ 你输入的是数字 “); if(!isNaN(input) document.write(parseInt(input)+“); document.write(parseFloat(input); 实验
8、内容二： JavaScript 内置对象的应用 5 、思考题：设计 javascript 程序，在网页上随机显示 10 个两位整数。for(i=1;i“); 三、 Date 对象 4 、思考题：在网页上显示当前日期和时间，并显示是星期几 。 var week,today,week_i; week=new Array(“ 星期日 “,“ 星期一 “,“ 星期二 “,“ 星期三 “,“ 星期四 “,“ 星期五 “,“ 星期六 “); today=new Date(); year=today.getYear();/ 年 month=today.getMonth()+1;/ 月 date=today.
9、getDate();/ 日 hour=today.getHours();/ 小时 minute=today.getMinutes();/ 分 second=today.getSeconds();/ 秒 week_i=today.getDay(); document.write(year+“ 年 “+month+“ 月 “+date+“ 日 “+“t“); document.write(hour+“:“+minute+“:“+second+“t“+weekweek_i) 五、 String 对象 5 、 String 对象的最常用属性和方法 length 、 toLowerCase() 、 to
10、UpperCase() 、 charAt(index) 、 substr(start,len) 6 、程序案例 2_4 ： String 对象的常用方法 var mystr = “look at this“; document.writeln(mystr.charAt(5); document.writeln(mystr.substring(5,7); document.writeln(mystr.toUpperCase(); document.writeln(mystr.indexOf(“oo“); 7 、思考题：将用户输入的字符串反向输出到页面上，并且要求将其中的小写字母转换为大写字母。例
11、如，如果输入 ”abc123” ，则输出 ”321CBA” 。 var origin_s,upper_s,i; origin_s = prompt(“ 请输入一行文字 :“,“); upper_s = origin_s.toUpperCase(); for(i=upper_s.length-1;i=0;i-) document.write(upper_s.charAt(i); 六、 Array 对象 3 、 forin 语句 用 forin 语句处理数组，可以依次对数组中的每个数组元素执行一条或多条语句。 forin 的格式是： for( 变量 in 数组 ) 循环体语句 ; 4 、程序案例
12、2_5 ：使用 forin 语句，显示数组的值 。 var classmates,i; classmates = new Array(“ 张月 “,“ 李良 “,“ 王力 “,“ 何芳 “); for(i in classmates) document.write(“ 第 “+(parseInt(i)+1)+“ 个同学是 :“+classmatesi+“); 实验内容三： JavaScript 内置对象的应用 3 、程序案例 3_1 ：设计一个有三个超链接的页面，单击这些链接时分别打开和关闭新窗口，以及关闭本身窗口 var newwin; function opennewwin() newwi
13、n=open(“new.htm“,“myWindow“, “height=100,width=400,top=10,left=0,toolbar=no,menubar=no,“ + “scrollbars=no,resizable=no,location=no,status=no“); function closenewwin() newwin.close(); 打开新窗口 关闭新窗口 关闭本窗口 6 、思考题：设计一个页面，当这个页面显示后 3 秒内用户没有移动过鼠标，将自动显示另一个页面。 var timeout; function window_onload() timeout=setT
14、imeout(“navigate(http:/);“,3000); function window_onmousemove() clearTimeout(timeout); 二、文档 (document) 对象 1 、 document 对象的属性和方法 案例 3_4 ：设计一个页面，显示 document 对象中的一些属性。 document.write(“ 当前文档的标题 :“+document.title+“); document.write(“ 当前文档的 URL:“+document.URL+“); document.write(“ 当前文档的背景色 :“+document.bgCo
15、lor+“); document.write(“ 当前文档的最后修改日期 :“+document.lastModified+“); document.write(“ 当前文档包含 “+document.links.length+“ 个超链接 “); document.write(“ 当前文档包含 “+document.images.length+“ 个图像 “);2 、使用 all 属性访问 HTML 元素 在 document 对象中， all 是一个非常特殊的属性。通过它，可以访问文档中的所有 HTML 元素对象。 3 、案例 3_5 ：显示当前 HTML 文档中出现的所有标记。 var
16、i,cell; for(i=0;i0) document.write(“,“); document.write(cell.tagName); 三、表单对象 2 、表单处理 （ 3 ）程序案例 3_7 ：设计一个表单，该表单有姓名和某种卡号两个文本输入框，其中这种卡号的格式为 XXXX-XXXX-XXXX-XXXX( 每个 X 代表一位数字 ) ，要求在用户单击提交按钮 “ 发送 ” 之前验证这两个输入数据的有效性。 function validate() if(!checkName(document.myform.myname.value) return false; if(!checkNum
17、(document.myform.mynumber.value) return false; alert(“ 数据完全 “); return true; function checkName(s) var ok = (s.length0); if(!ok) alert(“ 名字输入有误，请查核！ “) return ok; function checkNum(n) var ok,i,ch; ok = (n.charAt(4)=“-“ if(!ok) alert(“ 卡号输入有误，请查核！ “); return false; i=0; while(i “9“ | ch 卡号输入有误，查核！ “)
18、 return false; i+; return true; 实验内容一：浏览器事件及处理 1、 load 事件：发生在浏览器完成网页的加载之后。 欢迎访问我的主页！ 2、 unload 事件：发生在浏览器载入新网页之前。 3、submit 事件：发生在提交表单数据给服务器处理时。 function checkit() / 数据验证函数 var strval = document.myform.mytext.value; var intval = parseInt(strval); if(0 4. Click 事件：发生在表单上某个对象被单击时 function hello_girl() a
19、lert(“ 小姐 , 您好 !“); function hello_boy() alert(“ 先生，你好！ “); 实验内容四： 其他事件及处理 1. Change 事件：文本输入框失去焦点，同时其中的值发生改变时。 chang 事件处理 function change() var curform = document.all.myform; curform.money.value=curform.country.optionscurform.country.selectedIndex.value; 人民币和各种外汇比价折算。 请选择一种外汇 . 美元 英镑 欧元 日元 一元这样的外币可以兑换 元人民币 2. Select 事件：选定文本输入框的一段文本后
