实验报告封面
课程名称: jQuery应用编程课程代码: JY1112
任课老师:潘正军实验指导老师: 潘正军
实验报告名称:实验2 开始JavaScript编程
学生姓名:马增群
学号: 1340112124
教学班: AAQ
递交日期: 2014-2-28
签收人:
我申明,本报告内的实验已按要求完成,报告完全是由我个人完成,并没有抄袭行为。我已经保留了这份实验报告的副本。
申明人(签名):马增群实验报告评语与评分:
评阅老师签名:
实验题目实验2开始JavaScript编程
实验地点及组别 U206 1人/组实验时间2014-2-27
实验目的
●掌握JavaScript的开发工具
●掌握简单的JavaScript编程
●掌握HTML文档与JavaScript的整合
实验要求
完成以下实验内容:
1.分别使用记事本、Editplus、Dreamweaver编写一个含有JavaScript脚本代
码的页面,比较它们之前的异同。
2.编写一个针对用户的调查表单,主要用来收集用户的性别、年龄以及针对不
同性别的一些日常习惯,功能流程图如下。具体要求见p36。
3.制作一个计数器的简单网页,只有加、减、乘、除4种运算法。
提示:考虑使用JavaScript输出各种计算结果。
二、实验环境(本实验的硬件和软件环境及使用仪器等)
硬件:PC电脑一台;
配置:内存,2G及以上硬盘250G及以上
Editplus编辑器或者Dreamweaver(DW)
三、实验实现过程
注:实现过程的关键代码,注重实现思路
实验1:
使用visibility:
1.正常输入框
1.隐藏输入框
使用display:
1.正常输入框
1.隐藏输入框
实验2:
。。。
实验3:
function click0(){
document.getElementById("result").value=document.getElementById("result").valu e+"0";
}
function click1(){
document.getElementById("result").value=document,getElementById("result").valu e+"1";
}
function click2()
{
document.getElementById("result").value=document.getElementById("result").valu e+"2";
}
function click3(){
document.getElementById("result").value=document.getElementById("result").valu e+"3";
}
function click4(){
document.getElementById("result").value=document.getElementById("result").valu e+"4";
}
function click5(){
document.getElementById("result").value=document.getElementById("result").valu e+"5";
}
function click6(){
document.getElementById("result").value=document.getElementById("result").valu
}
function click7(){
document,getElementById("result").value=document.getElementById("result").valu e+"7";
}
function click8(){
document.getElementById("result").value=document.getElementById("result").valu e+"8";
}
function click9()
{
document.getElementById("result").value=document.getElementById("result").valu e+"9";
}
function clickJia(){
document.getElementById("result").value=document.getElementById("result").valu e+"+";
}
function clickJian(){
document.getElementById("result").value=document.getElementById("result").valu e+"-";
}
function clickCheng()
{
document.getElementById("result").value=document.getElementById("result").valu e+"*";
}
function clickChu()
{
document.getElementById("result").value=document.getElementById("result").valu e+"/";
}
function clickMo(){
document.getElementById("result").value=document.getElementById("result")+"%"; }
function clickDeng(){
document.getElementById("result").value=
eval(document.getElementById("result").value);
}
function clickClear(){
document.getElementById("result").value="0";
}
function clickBS(){
var temp=document.getElementById("result").value; document.getElementById("result").value=temp.substring=(0,temp.length-1) function clickTop(){
document.getElementById("result").value=document.getElementById("result")+"."; }
编写JavaScript代码,后引用,通过表单的形式,形成页面!
四、实验结果、分析、总结
实验结果如下(可截图):
实验1:
实验2:
实验3:
实验结果分析和实验总结:(注:这里填写你的实验达到的预期效果,是否按时完成,遇到哪些问题?如何解决的?还需要学习和提高的地方?下一步的计划和打算?)
在中要引用JavaScript,通过onclick实现功能,实验时我对理论应用与实践还不是很好,所以,我要多加实践!
、单项选择题(本题共15小题,每小题2分,共30分) 在每小题列出的四个备选项中只有一个是符合题目要求的 ,请将其正确答案涂写在答题卡 上。 1. 以“s”为文件扩展名的文件是 _________ (A) html 文件 (B)网页文件 (C) Java 文件 (D) Javascript 文件 2. 以下合法的变量名是 ______ (A) new (B) _123 3. 以下正确的字符串是___ (A) xyz (B) xyz"' 4. 设有语句: var st1= test st1=st1+ 25; 贝U st1的值是 _____ 。 (A) test25 ' (B) 25 5. 123+ ”789 ”的值是 _____ _ (A) 123789 ' (B) 912 6. 表达式(a=2,b=5,a>b?a:b (A) 2 (B) 5 的值为 _______ 8. 设 var a=2,b=3; 则 a++==b?(a-1):b _ 的结果是 。_ A) 0 B) 1 C) 2 D) 3 9. 下面while 循环执行的次数为 __________ var i=5; while (i==0) i--; A)无限 B) 1 C) 5 D) 0 (C) null o (C) xyz ' (D) 2abc (D) xyz ' (C) test ' (D)语法错误 (C) 789 ” (D)语法错误 )的值是 。 (C) 1 (D) 0 7. 设有语句 var a=3,b=5,c=3,d=8,m=3,n=2; 则逻辑表达式(m=a>b)&&(n=c>d) 运算后,n (A) 0 (B) 1 (C) 2 (D) 3
实验项目:浏览器脚本语言及其应用 实验类型:设计 实验课时:4 实验目的:研究javascript及其应用 实验方案: 1 研究将JavaScript引入HTML页面 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
3 研究JavaScript名称 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。 3 研究JavaScript值 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
你最喜欢的水果是?