javascript实验

工学院计算机系JavaScript脚本程序设计实验指导1长江职业学院Javascript语言程序设计实验指导书专业：学号：姓名：班级：指导老师：软件教研室编工学院计算机系JavaScript脚本程序设计实验指导2实验一JavaScript基本操作一、实验目的熟练掌握在HTML文件中编写JavaScript程序的基本操作，及在MicrosoftInternetExplorer浏览器和Netscape的Nevigator浏览器中调试JavaScript的基本操作。二、实验内容1、用NotePad创建一个简单的.htm文件，在MicrosoftInternetExplorer浏览器中浏览效果。2、编写第1章中的实例源文件，并在MicrosoftInternetExplorer浏览器中进行测试。3、调试一段JavaScript程序，找出其中的错误。三、实验步骤1、通过windows的文件管理器，在c盘下新建一个文件夹jsp_ex,用于保存实验中的文件，如图1-1所示。2、在windows中打开“记事本”，（也可以用其他编辑html文件的工具软件，如Microsoftfrontpage,MacromediaDreamweaver等，编写例1-1的ch1_01.htm程序，然后将文件保存在C:\jsp_ex文件夹中。3、用下述任意一种方法，在浏览器中显示ch_01.htm，如图1-2。A．在图1-1中双击“ch1_01.htm”文件名。工学院计算机系JavaScript脚本程序设计实验指导3B．在图1-1中用鼠标右键单击“ch1_01.htm”，在打开的菜单列表中，如果有所需浏览器名就可以直接点击浏览器名。C．现在windows中打开所需浏览器，然后按【ctrl】+【o】，在打开的对话框中找到ch_01.htm文件。4、再次编辑ch1_01.htm文件，将第21行中的“document.write”改写为“Document.write”然后按第3步的操作，得到如图1-3的效果，不能显示“上一次网页更新日期”，这时，通过浏览器的调试工具查找出出错的位置，修改后再次测试。5、按1-2的步骤，将例1-1改写为“ch1_02.js”和“ch1_02.htm”两个文件即通过外部javascript文件和html文件一起完成网页的制作。四、思考练习1．为什么“上一次网页更新日期”在每一次打开都是同一个时间？2．请写出你在程序编写中出现的错误和改正方法，并分析。工学院计算机系JavaScript脚本程序设计实验指导4实验二JavaScript编程基础一、实验目的熟练掌握JavaScript的基本编程概念和编程技术，熟练掌握JavaScript程序语言的数据类型、表达式、运算符及基本控制语句，并学习基本的对象概念和事件处理程序。二、实验内容1、编写第2章中的实例源文件，并且在MicrosoftInternetExplorer浏览器中测试。2、编写一个显示学生成绩信息的网页，网页中有两个或更多的按钮，分别代表需要显示信息的学生，点击后可以得到该学生的总成绩、平均成绩、平均成绩的级别等，如图2-1所示，并在MicrosoftInternetExplorer浏览器中测试。三、实验步骤a)在c:\jsp_ex文件夹下新建一个ch2_08.htm。b)改写例2-5，其功能不变，即输入参数的总和，但是函数名改为sum，函数的返回值是计算后的总和。functionsum(){varret=0;//ret为输入参数的总和…returnret;工学院计算机系JavaScript脚本程序设计实验指导5}c)用上述同样的方法编写一个计算输入参数平均数的函数，函数改名为average，函数的返回值是计算后的平均数。functionaverage(){varret=0;//ret为输入参数的平均数returnret;}d)编写一个函数，函数名为level，根据输入的参数返回该分数的级别：90以上为“A”，80以上为“B”，70以上为“C”，其他为“不及格”。用if-elseif实现。functionlevel(score){varret=;//ret为需要返回的分数级别if(score=90)…..elseif(score=80)……elseif(score=70)……else……..returnret;}e)编写一个函数，函数名为msg，根据输入参数返回不同的信息：如果级别是“A”,返回“祝贺你去的了好成绩”；如果级别是“B”返回“成绩不错，继续加油”,如果级别是”C”,返回“必须加油啊”。用switch实现。functionmsg(level){varret=;//ret为需要返回的信息switch(level){case(A):…….case(B):……default:……}returnret;}f)编写一个对象函数，函数名为student，输入参数共有6项，分别为：学生姓名name工学院计算机系JavaScript脚本程序设计实验指导6数学成绩math语文成绩chinese英语成绩english自然成绩science体育成绩gym对象的属性包括了上述的输入参数项，对象的方法共有5个，分别为：总成绩sum平均成绩average平均成绩的级别level根据成绩返回的信息msg总信息toString（）其中前4个对象方法已经在步骤2-5中完成，最后一个方法可以在对象函数中直接定义，它将返回最终需要显示的所有信息。functionstudent(name,math,chinese,english,science,gym){this.name=name;…….this.toString=functiontoString(){vars=this.name+:\n;vartheSum=this.sum(this.math,this.chinese,this.english,this.science,this.gym);vartheAve=this.ave(this.math,this.chinese,this.english,this.science,this.gym);vartheLevel=this.level(theAve);s+=你的总成绩是+theSum+\n;s+=你的平均成绩是+theAve+\n;s+=你的平均成绩级别是+theLevel+\n;s+=\n+this.msg(theLevel);returns;}7、最后制作HTML内容——两个按钮，然后分别应用于onclick事件调用对象student的方法toString()四、思考练习i.增加一个函数maxScore，返回6门成绩的最高分，并显示在对话框中。ii.增加一个函数minScore,返回6门成绩的最低分，并显示在页面上。工学院计算机系JavaScript脚本程序设计实验指导7实验三JavaScript常用内置对象一、实验目的熟练掌握JavaScript数组对象、字符串对象、数学对象及日期对象。二、实验内容1、编写第3章中的实例源文件，并在MicrosoftInternetExplorer浏览器中进行调试。2、按下述要求编写常用的JavaScript函数。trim(s):去掉s中的首尾空格及连续空格中的多余空格，返回处理后的字串。replaceStr(inStr,oldStr,newStr):将字串inStr中的oldStr用newStr替换，返回替换后的新字串。isEmptyString(s):如果去空格后的s长度为0，返回true，否则，返回falseisValidString(s);给出有效字串，如果s在有效字串中，返回true，否则返回falseisNumber(s):使用isValidString(s)函数，其中有效字串为字数。isFloat(s):使用isValidString(s)函数，其中有效字串为数字及“.”。isMaxString(s,c);如果s长度小于等于c，返回true，否则，返回falseisRange(s,s1,s2);如果s长度大于等于c，返回true，否则，返回falseisRange(s,s1,s2)：如果s大于等于s1，并且小于等于s2，返回true，否则返回falseisArray(o):如果o的constructor.toString（）中包含array，返回true，否则返回falseisEmail(s):如果s中包含“@”和“.”，返回true，否则返回falsecapFirst(s):将s中的第一个字符变为大写字符，返回处理后的字串。indexOfArray(a,s):如果s为Arraya中的一个元素，返回该元素的序列号，否则返回-1.3、编写一个“猜美国州名的游戏”的网页，如图3-1所示。A:用户输入所猜的美国州名后，按回车。B:如果猜错了，将会得到提示信息，一共有4次提示：第一个提示的是该州名的第1个字母，第2个提示的是该州名的最后一个字母，第3个提示的是该州名的长度，最后一个提示的是该州名第3个字母。C:如果猜对了，将会得到祝贺信息，并显示回答问题的时间。三、实验步骤第一：在c:\jsp_ex文件夹中新建一个ch3_16.htm文件。第二：首先编写HTML文件。a)body标记中应用onload事件，调用clearBox()的JavaScript程序，用于每次刷新网页时都清空用户输入域。b)使用h3标记制作标题“猜美国州名游戏”。c)制作一对form标记，名字为mForm，并且在form标记中应用onsubmit事件，该事件将调用一个guessit()中的JavaScript函数，然后returnfalse，以保证用户输入完文字后按回车键将不会提交窗体，只是执行guessit()函数。d)在form标记中制作一对div标记，其id为hint，内容为“输入你的答案，然后按回车键”。工学院计算机系JavaScript脚本程序设计实验指导8e)再制作一对div标记，在其中使用input的文字框标记，用于用户的输入，其名字为guess。f)接着再制作一个“重玩”按钮，在其中应用onClick事件，调用JavaScript的newGame()函数。第三、在JavaScript程序中，按下述步骤操作。（1）首先将50个美国州名保存在一个全局变量的字符串数组中，数组名为state.state[0]=ALABAMA;state[1]=ALASKA;state[2]=ARIZONA;state[3]=ARKANSAS;state[4]=CALIFORNIA;state[5]=COLORADO;state[6]=CONNECTICUT;state[7]=DELAWARE;state[8]=FLORIDA;state[9]=GEORGIA;state[10]=HAWAII;state[11]=IDAHO;state[12]=ILLINOIS;state[13]=INDIANA;state[14]=IOWA;state[15]=KANSAS;state[16]=KENTUCKY;state[17]=LOUISIANA;state[18]=MAINE;state[19]=MARYLAND;state[20]=MASSACHUSETTS;state[21]=MICHIGAN;state[22]=MINNESOTA;state[23]=MISSISSIPPI;state[24]=MISSOURI;state[25]=MONTANA;state[26]=NEBRASKA;state[27]=NEVADA;state[28]=NEWHAMPSHIRE;state[29]=NEWJERSEY;state[30]=NEWMEXICO;state[31]=NEWYORK;工学院计算机系JavaScript脚本程序设计实验指导9state[32]=NORTHCAROLINA;state[33]=NORTHDAKOTA;state[34]=O