实验2-开始JavaScript编程.pdf

实验报告封面 课程名称： jQuery 应用编程 课程代码： JY1112 任课老师： 潘正军 实验指导老师: 潘正军 实验报告名称： 实验2 开始JavaScript编程 学生姓名： 马增群 学号： 1340112124 教学班： AAQ 递交日期： 2014-2-28 签收人： 我申明，本报告内的实验已按要求完成，报告完全是由我个人完成，并没有抄袭行为。我已经保留了这份实验报告的副本。 申明人(签名):马增群 实验报告评语与评分： 评阅老师签名： 实验题目 实验2 开始JavaScript编程 实验地点及组别 U206 1 人/组 实验时间 2014-2-27 实验目的  掌握JavaScript 的开发工具  掌握简单的JavaScript 编程  掌握HTML 文档与JavaScript 的整合 实验要求 完成以下实验内容： 1. 分别使用记事本、Editplu 、Dreamweaver 编写一个含有JavaScript 脚本代 码的页面，比较它们之前的异同。 2. 编写一个针对用户的调查表单，主要用来收集用户的性别、年龄以及针对不 同性别的一些日常习惯，功能流程图如下。具体要求见p36。 3. 制作一个计数器的简单网页，只有加、减、乘、除4 种运算法。 提示：考虑使用JavaScript 输出各种计算结果。 二、实验环境（本实验的硬件和软件环境及使用仪器等） 硬件：PC 电脑一台； 配置：内存，2G及以上 硬盘250G及以上 Editplus编辑器或者Dreamweaver （DW） 三、实验实现过程 注：实现过程的关键代码，注重实现思路 实验1：body 使 visibility: br 1.正常输入框 hr input style=visibility:visiblename=txt1id=txt2 hr 1.隐藏输入框 hr input style=visibility:hiddenid=txt2name=txt2 hr 使 display: br 1.正常输入框 hr input style=display:blockname=txt3id=txt3 hr 1.隐藏输入框 hr input style=display:nonename=txt4id=txt4 hr br /body 实验2： script type=text/JavaScript !-- function clickSex(ctype){ if(ctype==miss){ document.getElementById(miss).style.display=block; document.getElementById(man).style.display=none; } if(ctype==man){ document.getElementById(miss).style.display=none; document.getElementById(man).style.display=block; } } //-- /script 。。。 div id=missstyle=display:none 月美容花费:br input type=textname=yourfaceid=yourfacevalue=br 月购衣花费:br input type=textnam