《web程序设计》实验报告孙霞.pdfVIP

本文由hncmzxwang贡献 程序设计》 《web 程序设计》上机实验总结报告 班级：05 网络 班级： 学号学号： 姓名：孙霞 姓名： 学习 WEB 一个学期了，谈及理论学习和实践学习，我更喜欢上机实践， WEB 的运行环境是 Dreamwear，之前 对这个运行环境还不是很熟悉，这学期又 加强了学习，特别是对代码设计网页的学习，现在对 Dreamwear 的 掌握也大大 的加深了。 WEB 的学习从函数开始，函数为程序设计提供了实现模块化的工具。 JavaScript 函 数可以封装那些在程序中可能要多次用到的功能模块。 在学习到书中事件触发和处理的时候，HTML 中的 JavaScript 应用程序通常 是时间驱动程序，事件（events）是指对计算机进行一定的操作而得到的结果， 。在编写书中 对事件进行处理的程序或函数，称为事件处理程序（event handler） 程序 3-5 的时候，对于 鼠标事件的触发还不会运用，在编写程序之后才知道其执 行结果就是： 当鼠标位于该超链接时， 图像的属 性值被赋以改变， 图像发生改变， 当鼠标离开该超链接时，属性值又还原了。 我们还设计了一个简易的计 算器，综合运用 JavaScript 的基本语法， ，这次 实验中所运用到的操作有： SetVal 操作：将用户按下的 健所代表的数字连接到整个输入串的尾部，并判 断这是第几个操作数，将其存入相应的变量中。 SetOpr 操 作：将用户按下的健所代表的运算连接到整个输入串的尾部。 Compute 操作：利用系统预先定义函数 eval( )求出表达式的值。 Clear 操作：清除输入文本框中的内容。 因为这是一个简易的计算器， 需要有数字按键 和功能按键， 这里使用 HTML 表单的按钮(button)元素表示；其显示输入的计算式和计算结果的地方，就使 用 HTML 表单的（单行文本框）text 元素来表示。 包括学习数组的时候，对 Array 对象的属性和方法的学 习。常用的属性是 length 属性，表单数组长度，其值等于数组元素个数。 常用的方法有： join：该方法返 回有数组中所有元素连接而成的字符串。 reverse：该方法逆转数组中各元素，即将第一个元素换为最后一 个，将最后 一个元素换为第一个。 Sort：对数组中的元素进行排序。 Array 对象实例的应用，我们学习了 书本例 3-9 的程序。至于一上操作和设 计该怎么样实现，由于当时是初步接触 HTML 语言，所以对代码的编 辑都是按 1 照书上的程序来的。 在此敲击代码的同时，我们也就在学习 HTML 语言代码的设计语法及书写 习惯，刚开始 敲程序的时候，没有想到 JavaScript 语言是区分大小写的，所有的 字母我都是用的小写，在检查程序的时 候就是没有发现错哪了，因为同时在学习 Java 这门课程， 而且我看书上都有大小写的， 后来我就把程序中 file:///G|/Documents and Settings/Lch/桌面/wenkuxiazai/Download/计算机/《web程序设计》实验报告孙霞.txt [2012-3-14 18:44:30] 的大小写都改了 过来，终于出现了正确的结果。其次是对函数、事件名及属性值等的不熟悉，导 致我经常拼 错单词，在不能出来结果的时候，我点击错误提示，再和书上对对， 或是看看同学的程序，才发现我的单词 拼错了！ 随着学习的一步步深入，我们对自己的要求也在逐步提高，我们开始学习 HTML 基本标记，表格， 表单等内容。首先是列表标记和预订格式标记，然后就 是表格，表格主要的就是 table、tr、td三个 标记的属性，是用来定义表格 的显示特性。需要注意的是,表格之间会相互影响。在设置时,首先要选择任何 一 个单元,单击右键,在快捷菜单里选择 CellProperties...，在设置窗口 Layout 项目的 Vertical Alignment 中选择 top,这样在任何单元放置的内容就会放置在顶部了。 老师让我们设计动态网页的时候，有 很多东西我都不知道，通过对书上程序 的摸索，重点学习了 Form 对象，了解到 Form 是 HTML 中动态更新 页面内容最 常用的页面元素。在 JavaScript 中，Form 也是对象，它封装了网页中由form 标记定义的表 单信息，它是最复杂的 Navigator 对象，另外 Form 对象的属性， Form 对象的方法，Form 对象的子对 象，Form 对象的其他