《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对象的对象属性
js脚本编程入门实验内容:每⼩题命名规则为:学号后2位+name+题号。如:张三学号65,则第⼀题的命名为65zhangsan01.html.若采⽤独⽴的js⽂件则命名为65zhangsan01.js
1、要求⽂本框中只能输⼊数字,参考如下:
2、完成⽤户注册。要求:⽤户名不能为空且只能是字母,学号不能是空只能是数字,密码不能包含以下字符“?#@%”.单击“注册“按钮,若不符合要求给出相应的错误提⽰,如果符合要求则提⽰”注册成功“

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