《WEB开发技术基础》课程实验指导书实验3Javascript实验指导书三
一实验目的:
学习使用网页制作工具DreamWeaver,浏览器开发Web应用,掌握使用JavaScipt进行表单信息验证和表单信息操作。
二实验内容:
编写三个html页面,实现”实验三效果.avi”中的效果。
三实验步骤:
1、创建register.html页面,该页面中显示的内容如下:
2、编写javascript代码,包括下列函数:
function isValidate()//验证表单信息,该函数中调用以下相关函数进行操作
function isNull(str)//验证是否是空
function minLength(str,length)//验证是否满足最小长度
function maxLength(str,length)//判断是否满足最大长度
function isDigital(str)//判断1个字符是否是数字
function isNumber(str)//判断是否是整数
function isDate(date)//判断是否是日期,日期的格式为1988-1-1
function validateAndSubmit()//提交按钮绑定的方法,该方法要求在form属性中进行绑定
function forwardSelectTest()//select测试按钮绑定的方法,该方法要求在javascript代码中进行绑定
3、如果用户名、口令和生日信息通过验证,则弹出提示框显示用户表单输入的信息,并且转到checkboxTest.html页面,否则重新显示本页面。
4、checkboxTest.html页面内容如下:
其中单击全选按钮,所有选项被选中,单击取消全选,所有选项都不被选中,单击显示信息按钮在一个label内显示选中项的value值
该页面JavaScript代码包括三个函数如下:
function selectAll(formName,cbName)//CheckBox全选
function unSelectAll(formName,cbName)//CheckBox取消全选
function showInfo(formName,cbName)//显示选中的value值
5、在register.html页面单击“select测试按钮”显示“selectTest.html”,该页面显示内容如下:
该页面中包括两个select组件和四个按钮,四个按钮的功能分别为:向右移动选中项,向右移动所有项,向左移动选中项,向左移动所有项
该页面JavaScript代码包括如下三个函数:
function init()///对下拉框信息进行初始化
function move(s1,s2)//把选中的选项从s1移动到s2
function moveAll(s1,s2)//把所有选项s1移动到s2
实验报告中手写提交三个页面的JavaScript代码
实验一JSP开发环境构建 实验目的:了解动态页面技术及B/S系统 掌握开发环境的构建 理解Eclipse开发WEB应用 实验内容: 实训项目一:安装JDK并配置环境变量 请阐述配置环境变量的方法: 实训项目二:安装TOMCAT并配置Server.xml修改端口号为8090 问题一:如何测试TOMCAT是否已经成功启动? 问题二:在浏览器地址栏输入什么地址可以访问到TOMCA T的测试页? 请阐述配置Server.xml修改端口号为8090基本实验步骤: 实训项目三:应用Eclipse建立项目并浏览一个JSP页面 请阐述应用Eclipse建立项目并浏览一个JSP页面基本实验步骤: 实验心得:(遇到了哪些问题,如何解决的,有那些体会) 实验二JSP语法 实验目的:了解JSP程序的组成元素 掌握JSP中使用JA V A程序片段的方法 实验内容: 实训项目一:编写一个JSP页面输出26个小写英文字母表 实训项目二:编写页面实现九九乘法表 实训项目三:利用成员变量被所有客户共享这一性质,实现一个简单的计数器 实训项目四:使用JA V A表达式输出系统当前时间 实训项目五:编写程序shijian2_9.jsp和computer.jsp两个页面,在第一个页面中使用include动作标记动态包含文件computer.jsp,并向它传递一个矩形的长和宽,computer.jsp 收到参数后,计算矩形的面积,并显示结果。 实训项目六:编写3个JSP页面:main.jsp,first.jsp和second.jsp,将3个JSP文件保存在同一个WEB工程中,main.jsp使用include动作标记加载first.jsp和second.jsp页面。First.jsp 页面可以画一张表格,second.jsp页面可以计算两个正整数的最大公约数。当first.jsp被加载时,获取main.jsp页面include动作标记的param子标记提供的表格行数和列数,当second.jsp 被加载时,获取main.jsp页面include动作标记的param子标记提供的两个正整数的值。 要求:上机编程完成上述实训项目,上机演示给教师检查,从中挑选三个程序的核心代码写在实训报告上 实验核心代码:
苏州市职业大学 计算机网络与WebGIS实验报告 姓名: 学号: 学院: 班级:
实验一利用HTML制作表单 1.实验目的 了解掌握HTML语言:基础知识、编辑文档、超链接;图像与多媒体、表格、框架和表单 2.实验要求 硬件:GIS机房配置已达到要求; 软件:Win2000/WIN XP、记事本 3.实验内容 利用所学HTML语言完成表单制作,界面可参考图1,在制作过程中了解HTML文档的基本格式,尤其是表单标签