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

实验1： javascript语法基础实验目的：掌握javascript的变量的定义和使用掌握javascript的数据类型的相互转换掌握javascript的三种消息框的使用课时：2实验环境：pc一台，dreamweaver8.0预备知识：编写javascript脚本代码的3个位置；简单的javascript程序；实验内容：每小题命名规则为：学号后2位+name+题号。如：张三学号65，则第一题的命名为65zhangsan01.html.若采用独立的js文件则命名为65zhangsan01.js声明变量x，依次发赋给x数值型、字符型和布尔型的数据，输出x的显示结果。声明两个变量x和y，将x赋予整数型数值2000，将x加上46后将值赋给y，输出表达式x+y的结果。声明三个变量x、y和z，使x等于字符串hello，使y等于数值2008，当x+y等于hello2008且x不等于y的时候，z等于welcome to china！，否则等于we are still waiting！使用去确认对话框提问“你是否来过重庆？”，如果点击“确认”，用警告对话框输出“你也认为重庆很美丽吧！”；如果点击“取消”，用警告对话框输出“欢迎你到重庆来旅游！”，通过提示消息框输入任意一个整数xxx，当输入的是奇数时，向页面输出“你输入的数字xxx是奇数！”；当输入的是偶数时，向页面输出“你输入的数字xxx是偶数！”；否则输出“你的输入不满足要求！”通过体提示消息框输入任意一个整数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.js1、判断用户名和密码文本框不能为空，同时要求密码在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.js1、要求文本框中只能输入数字，参考如下：2