把自己做的一些测试题整理了发出来，如果对你有用，可以点赞关注，共同学习。
JavaScript的单元测试题
第一、二章理论知识测试题
第二章实操
第三章测试题
第四章测试题
1、下列（ ）表达式产生一个0~7之间(含0,7)的随机整数。
A、Math.floor(Math.random()*6)
B、Math.floor(Math.random()*7)
C、Math. floor(Math.random()*8)
D、Math.ceil(Math.random()*8)
答案：C
2、将Array对象中的元素值进行输出的方法是（ ）。
A、用下标获取指定元素值
B、用for语句获取数组中的元素值
C、用数组对象名输出所有元素值
D、以上3种方法都可以
答案：D
3、下面JavaScript语句中能正确输出“H2O”的字符串表达式是（ ）。
A、str=“2”; document.write(“H”+str.sub()+“O”);
B、str=“2”; document.write(“H”+str.sup()+“O”);
C、str=“2”; document.write(H+str.sub()+O);
D、str=“2”; document.write(H+str.sup()+O);
答案：A
4、下列关于Date对象的getMonth()方法的返回值描述，正确的是（ ）。
A、返回系统时间的当前月
B、返回值的范围介于1~12之间
C、返回系统时间的当前月+1
D、返回值的范围介于0~11之间
答案：D
5、下面的4个方法中，不是String对象的方法的是（ ）。
A、charAt()
B、substring()
C、toUpperCase()
D、length()
答案：D
6、对字符串str=“welcome to china"进行下列操作处理，描述结果正确的是（ ）。
A、str.substring(1,5)返回值是"elcom”
B、str.length的返回值是16
C、str.indexOf(“come”,4)的返回值为4
D、str.toUpperCase()的返回值是"Welcome To China"
答案：B
7、分析下面的JavaScript代码段，输出结果是（ ）。
var mystring=“I am a student”;
var a=mystring.substring(9,13);
document.write(a);
A、stud
B、tuden
C、uden
D、udent
答案：C
8、若 var num = 10.5; 则 num.toFixed(2) 的值为（ ）。
A、10.50
B、10.5
C、10
D、10.500
答案：A
9、若字符串的indexOf()方法查找失败，则返回（ ）。
A、0
B、-1
C、false
D、null
答案：B
10、获取当前的星期值，使用Date对象的（ ）方法。
A、getDate()
B、getDay()
C、getTime()
D、getWeek()
答案：B
11、在Math对象中，获取绝对值的方法为（ ）。
A、sqrt()
B、floor()
C、pow()
D、abs()
答案：D
12、为Date对象设置年份使用（ ）方法。
A、getFullYear()
B、setFullYear()
C、getDate()
D、setDate()
答案：B
13、Math.round(-4.60)的计算结果为（ ）。
A、-4.6
B、-4.0
C、-5.0
D、-5
答案：D
14、若 var str = ‘abc’; 则 str[1] 的值为。（ ）
A、a
B、b
C、c
D、语法错误，不能获取其值
答案：B
15、获取一个字符在字符串中首次出现的位置，使用（ ）方法。
A、charAt()
B、indexOf()
C、lastIndexOf()
D、substr()
答案：B
16、数组的索引值是从__________开始的。
答案：0
17、通过构造函数创建实例对象的关键字是 。
答案：new
18、获取字符串变量str的长度的代码为 。
答案： str.length
19、若要从变量str保存的字符串中截取从位置5开始的后面2个字符，使用 。
答案：str.substr(5,2)
20、在JavaScript中，获取基数的指数次幂，使用Math对象的 方法。
答案：pow()
第四章实验操作测试题
1、【简答题】
判断用户名和密码文本框不能为空，同时要求密码在4到8位之间。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>判断用户名和密码</title>
</head>
<body>
<h2>请输入4位到8位之间的密码!!!!!</h2>
<hr /><br />
<form name="form">
姓名：<input type="text" name="name" /><br />
密码：<input type="password" name="password" /><br /><br />
<input type="button" value="确认" onclick="test()" />
</form>
<script type="text/javascript">
function test(){
var n=document.form.name.value.length;
var p=document.form.password.value.length;
if(n==0){
alert("姓名不能为空！")
}
else{
if(p==0){
alert("密码不能为空");
}
else if(!(p>=4&&p<=8)){
alert("请输入4位到8位之间的密码!!!!!")
}
else
alert("输入正确")
}
}
</script>
</body>
</html>
2、【简答题】
网页的文本框中显示时钟，显示格式如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>网页的文本框中显示时钟</title>
</head>
<body>
电子时钟:<br />
<input type="text" value="" id="time" />
<script type="text/javascript">
var now=new Date();
var hour=now.getHours();
var minute=now.getMinutes();
var second=now.getSeconds();
if(hour<10){
hour="0"+hour;
}
if(minute<10){
minute="0"+minute;
}
if(second<10){
second="0"+second;
}
document.getElementById("time").value="现在的时间是:"+hour+":"+minute+":"+second;
</script>
</body>
</html>
第五章理论知识测试
1、在键盘上的某个键被按下并且释放时触发的事件是（ ）事件。
A、onkeypress
B、onkeydown
C、onkeyup
D、onclick
答案：A
2、下面（ ）不是鼠标键盘事件。
A、onclick事件
B、onmouseover事件
C、oncut事件
D、onkeydown事件
答案：C
3、下面（ ）不属于页面事件。
A、onload事件
B、onunload事件
C、onkeyup事件
D、onresize事件
答案：C
4、当鼠标指针移到页面上的某个图片上时，图片出现一个边框，并且图片放大，这是因为触发了下面的（ ）事件。
A、onclick
B、onmousemove
C、onmouseout
D、onmousedown
答案：B
5、在HTML页面中，不能与onChange事件处理程序相关联的表单元素有（ ） 。
A、文本框
B、复选框
C、列表框
D、按钮
答案：D
6、在HTML页面中包含一个按钮控件mybutton，如果要实现单击该按钮时调用自定义的JavaScript函数compute()，要编写的HTML代码是（ ）。
A、< input name=“mybutton” type=“button” onBlur=“compute()” value=“计算”>
B、< input name=“mybutton” type=“button” onFocus=“compute()” value=“计算”>
C、< input name=“mybutton” type=“button” onClick=“function compute()” value=“计算”>
D、< input name=“mybutton” type=“button” onClick=“compute()” value=“计算”>
答案：D
7、在HTML文档中包含如下超链接，要实现当鼠标移入该链接时，超链接文本大小变为30px，下列选项中编码正确的是（ ） 。
A、< a href="#" οnmοuseοver=“this.style.fontSize=‘30px’”>注册
B、< a href="#" οnmοuseοut=“this.style.fontsize=30px”>注册
C、< a href="#" οnmοuseοver=“this.style.font-size=‘30px’”>注册
D、< a href="#" οnmοuseοut=“this.style.font-size=30px”>注册
答案：A
8、事件（ ）可侦测用户在某元素内连续移动的行为。
A、mouseover
B、mouseout
C、mouseup
D、mousemove
答案：D
9、在HTML页面中，当按下键盘上的任意一个键时都会触发JavaScript的（ ）事件。
A、onFocus
B、onBlur
C、onSubmit
D、onKeyDown
答案：D
10、有一个submit按钮，在这个按钮控件上添加下列哪个事件不起作用？（ ）
A、onmouseout
B、onmouseover
C、onclick
D、onsubmit
答案：C
11、获得焦点的事件是________，失去焦点的事件是________。
答案：
第一空：
onfocus
第二空：
onblur
12、
当前元素失去焦点并且元素的内容发生改变时触发的事件是___________事件。
答案：
第一空：
onchange
13、当鼠标移动到图片上时，它会切换为其他图片，当鼠标移走时，又恢复为原来的图片，这是对JavaScript事件中的___________和___________事件的应用。
答案：
第一空：
onmouseover
第二空：
onmouseout
第五章实验操作测试题
1、在文本框分别输入两个数，实现两个数的+、-、*、/运算，点击“=按钮将”结果显示在文本框中。界面设计可参考下图。注意对文本框输入的数据是否是数字要进行判断。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>四则运算</title>
</head>
<body>
<p>请输入两个数进行简单的运算：</p>
<input type="text" id="num1" />
<select id="selete">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="num2" />
<input type="button" value="=" onclick="test()" />
<input type="text" id="result" />
<script type="text/javascript">
function test() {
var n1 = parseFloat(document.getElementById("num1").value);
var n2 = parseFloat(document.getElementById("num2").value);
var s1 = document.getElementById("selete").value;
switch (s1) {
case '+':
answer= n1 + n2;
break;
case '-':
answer= n1 - n2;
break;
case '*':
answer= n1 * n2;
break;
case '/':
answer= n1 / n2;
break;
}
document.getElementById("result").value=answer;
}
</script>
</body>
</html>
第六章理论知识测试题
1、下面的方法中，（ ）不是document对象的方法
A、 createElement()
B、getElementById()
C、write()
D、reload()
答案：D
2、获取页面中超链接的数量的方法是（ ）。
A、document.links.length
B、document.length
C、document.links[1].length
D、document.links[0].length
答案：A
3、某网页中有一个表单对象mainForm，该表单对象中的一个元素是文本框username，表述该文本框的方法是（ ）。
A、document.forms.username
B、document.mainForm.username
C、document.forms.UserName
D、document.MainForm.UserName
答案：B
4、在Javascript中要改变页面文档的背景色，需要修改document对象的（ ）属性。
A、backColor
B、backgroundColor
C、bgColor
D、background
答案：C
5、下列对表单对象的属性表述不正确的是（ ）
A、name：返回表单的名称
B、action：返回/设定表单的提交地址
C、target：返回/设定表单提交内容的编码方式
D、length：返回该表单所含元素的个数
答案：C
6、分析下面这段代码运行的结果（ ）。
< script type=“text/javascript”>
with(document){
writeln(“最后一次修改时间：”+document.lastModified+"
");
writeln(“标题：” +document.title+"
");
writeln(“URL：” +document.URL+"
");
}
< /script>
A、只输出最后一次修改的时间
B、只输出文档的标题
C、最后一次修改时间、输出文档的标题和当前的URL
D、什么也不输出
答案：C
7、向文档中动态添加一个HTML标记可以使用____________方法实现。
答案：
第一空：
createElement()
8、表示文档中的未访问过的超链接颜色的属性是 _属性。
答案：
第一空：
linkColor
9、form对象只有两个方法，分别是___________和，这两个方法类似于单击了重置按钮和提交按钮。
答案：
第一空：
reset()
第二空：
submit()
热爱开源，喜欢探索未知，知道的越多，才发现不知道的越多，点赞关注，一起学习。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
