《javascript》实验指导书.pdfVIP

《软件技术实验室》实验指导书 《JavaScript 技术》实验指导书 前 言 Javascript是一门工程实践性较强的学科，实践性环节的教学非常重要。 对于学习计算机专业的学生，除了学好理论知识外，还需进行相应的实验。通过 这些实验，一方面让学生加深理解理论课上学到的各种知识，另一方面培养学生 的动手能力。Javascript是一门操作性极强的课程，以课堂讲授和多媒体演示 进行教学为主，重在培养学生的兴趣，引发学生的思考，掌握了解学科的知识体 系和要点。上机内容主要通过教师穿插在课堂教学中的有关实践内容讲解，以及 学生的课外学习和上机实践，着重培养学生计算机和网络的使用能力，以及基本 编程能力，进一步加深对课程内容的思考。 本课程实验要求学生在学习理论的同时，再课外阅读一些有关实验的资料和 参考书籍，作好预习；上机时独立或合作完成实验内容，并在实验后，按要求完 成实验报告。 《软件技术实验室》实验指导书 目 录 实验 1表单登陆…………………………………………………….45 实验2 控制页面元素的显示和隐藏…………………………………….50 实验3 多维数组 ………………………………………………….53 实验4 使用DIV 溢出属性 ………………………………………….55 实验5 使用CSS+DIV 做页面 ……………………………………….57 《软件技术实验室》实验指导书 实验 1 表单登陆 一．实验目的 掌握编写表单各元素的属性方法事件代码。 二．实验内容 1．熟悉Dreamweaver 开发环境。 2．了解表单逻辑结构。 3．掌握编写属性方法事件代码。 4 IE ．熟练使用 运行程序。 三．实验步骤和说明 （1）启动Dreamweaver。 （2）在“文件”菜单中的“新建”的窗口中，选择“基本页”中的“HTML”, 点击 “创建” ，出现代码页面，开始编写代码 。 html head title无标题文档/title script language javascript function jimmy(){ var j document.getElementById(a);//用户名 var k document.getElementById(b);//密码 if(j.value.length5||k.value.length5) {alert(用户名或密码太长，请重新输入！); j.value ;k.value ; j.focus(); return false; } else if(j.value ||k.value ) {alert(用户名或密码部能为空!); 《软件技术实验室》实验指导书 j.value ;k.value ; j.focus(); return false; } else{ } } function ruby(){ var j document.getElementById(a); var l document.getElementById(c); if(j.value.length5) {l.innerHTML 用户名太长; l.style.color red; } else {l.innerHTML OK;} } function peter(){ //alert(document.form1.select.options[document.form1.select.selectedI ndex].text); } function haha(){ var k document.getElementById(b); var n document.getElementById(d); if(k.value.length5){ n.innerHTML 密码太长; n.style.color blue;