练习v2.docx
《练习v2.docx》由会员分享，可在线阅读，更多相关《练习v2.docx（14页珍藏版）》请在冰点文库上搜索。
练习v2
任务1简单小测试
（1）
测试目标：
测测用户经常把时间浪费在哪里。
题目个数：
1
题目描述：
如果可以让你有一种超能力，你会想要有哪一种？
选项数目：
4
选项：
1）穿越时光术2）隐形透明术3）神秘读心术4）青春不老术
结果：
如果用户选1，显示“你的时间都浪费在发呆、胡思乱想、做白日梦：
这类型的人个性很被动，想法天马行空，可是都只限于想而不实际行动。
”。
如果用户选2，显示“你的时间都浪费在看电视、上网瞎看一通：
这类型的人个性内向不喜欢跟人有实际上的接触，凡事都跟人保持距离，不喜欢成为注目的焦点，宁愿躲在一边自己做自己的事情，但是都跟正事无关。
”。
如果用户选3，显示“你的时间都浪费在打牌、讲电话、闲聊八卦：
这类型的人好奇心很强，喜欢吸收不同的信息，包括八卦，是一个小型的广播电台，而且很喜欢到处哈拉，常常跟朋友讲八卦讲到电话线都快烧掉了，要注意，你的电话费可能常常会暴增喔！
”。
如果用户选4，显示“你的时间都浪费在逛街、照镜子、保养身材：
这类型的人非常的自恋，他认为把自己打扮的美美的是一件很开心的事情，而且认为自己真的就是这么的美丽，永远保持美貌感觉是很棒的，根据很多统计喜欢自拍、喜欢照镜子…等等，这类型的占蛮多数的。
”。
实现要求:
1.利用html超链接来实现，在同一个页面中为每一个结果描述建立锚点，
2.利用html超链接来实现，为每一个结果描述建立一个html文档
3.采用表格进行页面布局
4.采用div进行页面布局
教学过程：
1.给出问题背景
2.提出实现要求1
3.展示符合要求1的示例页面
4.给出一个展示示例页面中要用到的知识点的运用范例的代码，并讲解
5.要求学生编写符合要求1的代码，检查、辅导
6.针对学生典型问题分析讲解
7.针对实现要求2－4，重复步骤2－5
备课工作：
对于每一个实现要求，编写示例代码、范例代码，提炼要讲解的知识点和这些知识点的说明文字。
任务2简单小测试
（2）
测试目标：
测测用户经常把时间浪费在哪里。
题目个数：
1
题目描述：
如果可以让你有一种超能力，你会想要有哪一种？
选项数目：
4
选项：
2）穿越时光术2）隐形透明术3）神秘读心术4）青春不老术
结果：
如果用户选1，显示“你的时间都浪费在发呆、胡思乱想、做白日梦：
这类型的人个性很被动，想法天马行空，可是都只限于想而不实际行动。
”。
如果用户选2，显示“你的时间都浪费在看电视、上网瞎看一通：
这类型的人个性内向不喜欢跟人有实际上的接触，凡事都跟人保持距离，不喜欢成为注目的焦点，宁愿躲在一边自己做自己的事情，但是都跟正事无关。
”。
如果用户选3，显示“你的时间都浪费在打牌、讲电话、闲聊八卦：
这类型的人好奇心很强，喜欢吸收不同的信息，包括八卦，是一个小型的广播电台，而且很喜欢到处哈拉，常常跟朋友讲八卦讲到电话线都快烧掉了，要注意，你的电话费可能常常会暴增喔！
”。
如果用户选4，显示“你的时间都浪费在逛街、照镜子、保养身材：
这类型的人非常的自恋，他认为把自己打扮的美美的是一件很开心的事情，而且认为自己真的就是这么的美丽，永远保持美貌感觉是很棒的，根据很多统计喜欢自拍、喜欢照镜子…等等，这类型的占蛮多数的。
”。
实现要求:
1.利用javascript中的window.prompt和window.alert函数
2.利用javascript中的window.prompt和document.write函数
任务3：
简单小测试（3）
测试目标：
测测用户经常把时间浪费在哪里。
题目个数：
1
题目描述：
如果可以让你有一种超能力，你会想要有哪一种？
选项数目：
4
选项：
3）穿越时光术2）隐形透明术3）神秘读心术4）青春不老术
结果：
如果用户选1，显示“你的时间都浪费在发呆、胡思乱想、做白日梦：
这类型的人个性很被动，想法天马行空，可是都只限于想而不实际行动。
”。
如果用户选2，显示“你的时间都浪费在看电视、上网瞎看一通：
这类型的人个性内向不喜欢跟人有实际上的接触，凡事都跟人保持距离，不喜欢成为注目的焦点，宁愿躲在一边自己做自己的事情，但是都跟正事无关。
”。
如果用户选3，显示“你的时间都浪费在打牌、讲电话、闲聊八卦：
这类型的人好奇心很强，喜欢吸收不同的信息，包括八卦，是一个小型的广播电台，而且很喜欢到处哈拉，常常跟朋友讲八卦讲到电话线都快烧掉了，要注意，你的电话费可能常常会暴增喔！
”。
如果用户选4，显示“你的时间都浪费在逛街、照镜子、保养身材：
这类型的人非常的自恋，他认为把自己打扮的美美的是一件很开心的事情，而且认为自己真的就是这么的美丽，永远保持美貌感觉是很棒的，根据很多统计喜欢自拍、喜欢照镜子…等等，这类型的占蛮多数的。
”。
实现要求:
1.利用表单和javascript
任务4在页面中实现秒表和倒计时表
利用timeout或者interval函数
参考资料1：
您在此停留了：
varid,iM=0,iS=1;
start=newDate（）;
functiongo（）
{
now=newDate（）;
time=（now.getTime（）-start.getTime（））/1000;
time=Math.floor（time）;
iS=time%60;
iM=Math.floor（time/60）;
if（iS<10）
document.myform.clock.value=""+iM+"分0"+iS+"秒";
else
document.myform.clock.value=""+iM+"分"+iS+"秒";
id=setTimeout（"go（）",1000）;
}
go（）;