《JavaScript脚本编程》实验指导书2

实验1： javascript语法基础

实验目的：

掌握javascript的变量的定义和使用

掌握javascript的数据类型的相互转换

掌握javascript的三种消息框的使用

课时：2

实验环境：pc一台，dreamweaver8.0

预备知识：编写javascript脚本代码的3个位置；简单的javascript程序；

实验内容：每小题命名规则为：学号后2位+name+题号。如：张三学号65，则第一题的命名为65zhangsan01.html.若采用独立的js文件则命名为65zhangsan01.js

1、声明变量x，依次发赋给x数值型、字符型和布尔型的数据，输出x的显示结果。

2、声明两个变量x和y，将x赋予整数型数值2000，将x加上46后将值赋给y，输出表达式

x+y的结果。

3、声明三个变量x、y和z，使x等于字符串hello，使y等于数值2008，当x+y等于hello2008

且x不等于y的时候，z等于welcome to china！，否则等于we are still waiting！

4、使用去确认对话框提问“你是否来过重庆？”，如果点击“确认”，用警告对话框输出“你也

认为重庆很美丽吧！”；如果点击“取消”，用警告对话框输出“欢迎你到重庆来旅游！”，5、通过提示消息框输入任意一个整数xxx，当输入的是奇数时，向页面输出“你输入的数字xxx

是奇数！”；当输入的是偶数时，向页面输出“你输入的数字xxx是偶数！”；否则输出“你的输入不满足要求！”

6、通过体提示消息框输入任意一个整数xxx，求该整数的阶乘，并将结果通过警告对话框显示

出来。提示：对输入的数要进行判断。（可参考javascript完全手册中的函数parseInt）

思考题：

在文本框分别输入两个数，实现两个数的+、-、*、/运算，点击“=按钮将”结果显示在文本框中。界面设计可参考下图。注意对文本框输入的数据是否是数字要进行判断。

考核内容：本次实验要求学生在2课时时间内完成。完成6道题为优，完成4道以上为良；完成3道题为合格，否则为不合格。

实验2： javascript对象与事件

实验目的：

学会使用常用的内部函数

掌握函数的创建和使用

学会自定义对象的创建

课时：4

实验环境：pc一台，dreamweaver8.0

预备知识：javascript的函数的定义和使用；javascript的对象的定义和使用

实验内容（步骤）：

1、在文本框输入任意一个整数，求该整数的阶乘。通过按钮的单击事件，并将结果显示在结果文本框中。

2、在前两个文本框内容改变的时候对输入进行判断，在最后一个文本框获得光标的时候得到计算结果。

3、对导航条动态改变背景和字体。默认情况下是红底白字，鼠标移动时变成绿底黄字效果图如下：（要求采用js方法）

4、在文本框分别输入两个数，实现两个数的+、-、*、/运算，点击“=按钮将”结果显示在文本框中。界面设计可参考下图。注意对文本框输入的数据是否是数字要进行判断。

考核内容：本次实验要求学生在4课时时间内完成。完成4道题为优，完成3道以上为良；完成2道题为合格，否则为不合格。

实验3： javascript 内置对象（string ）

实验目的：

掌握内部对象String 的方法应用 实验环境：pc 一台，dreamweaver8.0

预备知识：javascript 的函数的定义和使用；javascript 的对象的定义和使用

实验内容（步骤）：

每小题命名规则为：学号后2位+name+题号。如：张三学号65，则第一题的命名为65zhangsan01.html.若采用独立的js 文件则命名为65zhangsan01.js

1、判断用户名和密码文本框不能为空，同时要求密码在4到8位之间。

2、把文本框中前后的空格去掉，并把去掉后的字符通过警告对话框显示出来。参考如下：

3、要求文本框中只能输入字母，参考如下：

思考题：

完成用户注册。要求：用户名不能为空且只能是字母，学号不能是空只能是数字，密码不能包含以下字符“？#@%”.单击“注册“按钮，若不符合要求给出相应的错误提示，如果符合要求则提示”注册成功“

考核内容：本次实验要求学生在2课时时间内完成。完成3道题为优，完成2道以上为良；完成1道题为合格，否则为不合格。

实验4： js中的表单对象

实验目的：

掌握内部对象String的常用方法

掌握表单对象与string对象的应用

课时：2

实验环境：pc一台，dreamweaver8.0

预备知识：DOM与DHTML介绍；如何编写事件处理程序；window对象的方法；window 对象的属性；window对象的事件；window对象的对象属性

实验内容：每小题命名规则为：学号后2位+name+题号。如：张三学号65，则第一题的命名为65zhangsan01.html.若采用独立的js文件则命名为65zhangsan01.js

1、要求文本框中只能输入数字，参考如下：

2、完成用户注册。要求：用户名不能为空且只能是字母，学号不能是空只能是数字，密码不能包含以下字符“？#@%”.单击“注册“按钮，若不符合要求给出相应的错误提示，如果符合要求则提示”注册成功“

考核内容：本次实验要求学生在2课时时间内完成。完成3个验证要求为优，完成2个验证要求为合格，否则为不合格。

实验5： javascript内置对象（Date）

实验目的：

掌握内部对象Date的应用

了解定时器函数的使用

理解innerText与innerHTML的区别

课时：2

实验环境：pc一台，dreamweaver8.0

预备知识：Document对象和body对象

实验内容（步骤）：

每小题命名规则为：学号后2位+name+题号。如：张三学号65，则第一题的命名为65zhangsan01.html.若采用独立的js文件则命名为65zhangsan01.js

实验内容：

1、在网页上显示当前的日期和时间，显示格式如下：

2、网页的文本框中显示时钟，显示格式如下：

3、在网页上显示当前的日期和时钟，显示格式如下：

考核内容：本次实验要求学生在2课时时间内完成。完成3道题为优，完成2道以上为良；完成1道题为合格，否则为不合格。