长江职业学院
Javascript语言程序设计实验指导书
javascript全局数组专    业：         
学    号：         
姓    名：         
班    级：         
指导 老师：         
软件教研室  编
实验一    JavaScript基本操作
一、实验目的
熟练掌握在HTML文件中编写JavaScript程序的基本操作，及在Microsoft Internet
Explorer浏览器和Netscape的Nevigator浏览器中调试JavaScript的基本操作。
二、实验内容
1、用NotePad创建一个简单的.htm文件，在Microsoft Internet Explorer浏览器中浏览效果。
2、编写第1章中的实例源文件，并在Microsoft Internet Explorer浏览器中进行测试。
3、调试一段JavaScript程序，出其中的错误。
三、实验步骤
1、通过windows的文件管理器，在c盘下新建一个文件夹jsp_ex,用于保存实验中的文件，如图1-1所示。
   
2、在windows中打开“记事本”，（也可以用其他编辑html文件的工具软件，如Microsoft frontpage,Macromedia Dreamweaver等，编写例1-1的ch1_01.htm程序，然后将文件保存在C:\jsp_ex文件夹中。
3、用下述任意一种方法，在浏览器中显示ch_01.htm，如图1-2。
     
A．在图1-1中双击“ch1_01.htm”文件名。
B．在图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编程基础
一、实验目的
熟练掌握JavaScript的基本编程概念和编程技术，熟练掌握JavaScript程序语言的数据类型、表达式、运算符及基本控制语句，并学习基本的对象概念和事件处理程序。
二、实验内容
1、编写第2章中的实例源文件，并且在Microsoft Internet Explorer浏览器中测试。
2、编写一个显示学生成绩信息的网页，网页中有两个或更多的按钮，分别代表需要显示信息的学生，点击后可以得到该学生的总成绩、平均成绩、平均成绩的级别等，如图2-1所示，并在Microsoft Internet Explorer浏览器中测试。
三、实验步骤
a)在c:\jsp_ex文件夹下新建一个ch2_08.htm。
b)改写例2-5，其功能不变，即输入参数的总和，但是函数名改为sum，函数的返回值是计算后的总和。
  function sum() {
    var ret = 0;  // ret为输入参数的总和
      …
      return ret;
  }
c)用上述同样的方法编写一个计算输入参数平均数的函数，函数改名为average，函数的返回值是计算后的平均数。
    function average() {
    var ret = 0;  // ret为输入参数的平均数
     
      return ret;
    }
d)编写一个函数，函数名为level，根据输入的参数返回该分数的级别：90以上为“A”，80以上为“B”，70以上为“C”，其他为“不及格”。用if-else if实现。
      function level(score) {
      var ret = "";　// ret为需要返回的分数级别
      if (score>=90)
        …..
      else if (score>=80)
      ……
      else if (score>=70)
      ……
        else
      ……..
      return ret;
  }
e)编写一个函数，函数名为msg，根据输入参数返回不同的信息：如果级别是“A”,返回“祝贺你去的了好成绩”；如果级别是“B”返回“成绩不错，继续加油”,如果级别是”C”,返回“必须加油啊”。用 switch实现。
        function msg(level) {
    var ret = "";　// ret为需要返回的信息
    switch (level) {
      case ("A"):
      …….
      case ("B"):
        ……
      default:
        ……
    }
    return ret;
  }
f)编写一个对象函数，函数名为student，输入参数共有6项，分别为：
学生姓名 name
  数学成绩 math
  语文成绩 chinese
  英语成绩 english
  自然成绩 science
  体育成绩 gym
  对象的属性包括了上述的输入参数项，对象的方法共有5个，分别为：
总成绩  sum
  平均成绩 average
  平均成绩的级别 level
  根据成绩返回的信息 msg
  总信息  toString（）
  其中前4个对象方法已经在步骤2-5中完成，最后一个方法可以在对象函数中直接定义，它将返回最终需要显示的所有信息。
  function student(name,math,chinese,english,science,gym) {
    this.name = name;
    …….
    String = function toString(){
      var s = this.name + ":\n";
      var theSum = this.sum(this.math,this.lish,this.);
      var theAve = this.ave(this.math,this.lish,this.);
      var theLevel = this.level(theAve);
      s += "你的总成绩是 "　+ theSum + "\n";
      s += "你的平均成绩是 "　+ theAve + "\n";
      s += "你的平均成绩级别是 "　+ theLevel + "\n";
      s += "\n" +this.msg(theLevel);
      return s;
}
  7、最后制作HTML内容——两个按钮，然后分别应用于onclick事件调用对象student的方法toString()
四、思考练习
i.增加一个函数maxScore，返回6门成绩的最高分，并显示在对话框中。
ii.增加一个函数minScore,  返回6门成绩的最低分，并显示在页面上。
实验三  JavaScript常用内置对象
一、实验目的
      熟练掌握JavaScript数组对象、字符串对象、数学对象及日期对象。
二、实验内容
1、编写第3章中的实例源文件，并在Microsoft Internet Explorer浏览器中进行调试。
2、按下述要求编写常用的JavaScript函数。
trim(s):去掉s中的首尾空格及连续空格中的多余空格，返回处理后的字串。
replaceStr(inStr,oldStr,newStr):将字串inStr中的oldStr用newStr替换，返回替换后的新字串。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。