3.4课后习题
一、填空题
1、浏览器对JavaScript脚本程序进行【解释】执行
2、JavaScript的3种注释写法为【< ! – -->】【//】【/* */】
3、若将JavaScript代码写在单独的test.js文件中,需要在调用它的HTML页面中插入的代码是
<script src=”test.js” type=”text/javascript”>
</script>
4、JavaScript的内置对象【window】负责操作浏览器窗口,其中【window.alert()】方法可以弹出消息框,【window.close()】方法可以关闭窗口,【window.open()】方法可以打开新窗口
5、【history】对象包含用户的浏览历史等信息,其中【back()】方法相当于单击浏览器上的后退按钮,【forward()】方法相当于单击浏览器上的前进按钮。
6、在名为form的表单中有一个文本框account,其中的内容可以用代码【document.form.account.value】获得
7、用location对象实现跳转到网页a.html的代码是【window.location.href=“a.html”】
8、document对象从属于【window】对象
9、document对象可以进行一些简单网页属性的设置,通过【document.title】来访问标题,通过【document.location】来获取当前网页的地址
二、选择题
1、下列关于JavaScript的说法错误的是【D】
A、JavaScript的语法和Java语言的语法非常类似√
B、JavaScript中的变量是弱变量类型,即变量的类型根据它被赋值的类型改变√
C、JavaScript读大小写是敏感的 √
D、服务器对JavaScript脚本程序进行编译、运行×
应该是浏览器
2、在HTML页面上编写JavaScript代码时应编写在【C < script >< /script>】标签之间
3、在下面的JavaScript语句中,【var argl=10】定义了一个整形变量并赋值为10
4、window.setTimeout(“fun()”,1000)表示的意思是【间隔1秒后,fun()函数被调用1次】
5、window对象的【status】属性用来指定浏览器状态栏中显示的临时消息
6、在history对象中不能实现网页前进效果的方法是【back()】
7、在浏览器的状态栏中显示“这是状态栏”消息的代码【window.status=“这是状态栏”】
8、下列打开新窗口的代码中正确的是【window.open(“window2.html”,“new”,"")】
9、在代码中一定会被调用的方法是【f1()】
<body onLoad="f1()" onError="f2()">
<input onFocus="g1()" onClick="g2()">
</body>
三、上机习题
第一题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>金额找零系统</title>
<script type="text/javascript">
function test(){
var m=document.getElementById("money");
var m1=parseInt(m.value);
if(m1<1||m1>100){
var res="请输入0-100的值";
alert(res);
}
var F,S,T,f,o;
F=parseInt(m1/50);
var m2=m1%50;
S=parseInt(m2/20);
var m3=m2%20;
T=parseInt(m3/10);
var m4=m3%10;
f=parseInt(m4/5);
var m5=m4%5;
o=m5;
document.write("金额为"+m1+"的纸币对应数量如下:");
document.write("<br>");
document.write("50元纸币:"+F+"张");
document.write("<br>");
document.write("20元纸币:"+S+"张");
document.write("<br>");
document.write("10元纸币:"+T+"张");
document.write("<br>");
document.write("5元纸币:"+f+"张");
document.write("<br>");
document.write("1元纸币:"+o+"张");
}
</script>
</head>
<body>
<form action="">
请输入金额(1~100):
<input type="text" id="money">
<input type="button" value="找零" onclick="test()" >
</form>
</body>
</html>
第二题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>书本价格和</title>
<script type="text/javascript">
function test(){
var prices=document.getElementById("prices").value;
var parr=prices.split(",");
var sum=0;
var len=parr.length;
for(var i=0;i<len;i++){
sum+=parseInt(parr[i]);
}
alert("总价格为:"+sum);
}
</script>
</head>
<body>
请输入5本书的价格,用逗号隔开
<br>
<input type="text" id="prices"/>
<input type="button" value="其和为" onclick="test()"/>
</body>
</html>
第三题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
function sayhello() {
for (var i = 0; i < 100; i++) {
document.write("欢迎 ");
}
}
</script>
</head>
<body onload="sayhello()">
</body>
</html>
第四题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>书本价格和</title>
<script type="text/javascript">
function getPrice(operation){
var prices=document.getElementById("prices").value;
switch (operation) {
case "max":alert("最高价格为:"+eval("Math.max("+prices+")")); break;
case "min":alert("最低价格为:"+eval("Math.min("+prices+")")); break;
case "avg":
var parr=prices.split(",");
var sum=0;
var len=parr.length;
for(var i=0;i<len;i++){
sum+=parseInt(parr[i]);
}
alert("平均价格为:"+sum/len);
break;
}
}
</script>
</head>
<body>
请输入10本书的价格,用逗号隔开
<input type="text" id="prices"/>
<br><br><br>
<input type="button" value="最高价格" onclick="getPrice('max');"/>
<input type="button" value="最低价格" onclick="getPrice('min');"/>
<input type="button" value="平均价格" onclick="getPrice('avg');"/>
</body>
</html>