《脚本语言》实验指导书.docVIP

《脚本语言》实验指导书 《脚本语言》实验指导书 PAGE PAGEPAGE 53 《脚本语言》实验指导书 目 录 TOC \o 1-3 \u 实验一 熟悉HTML语言基本结构 2 实验二 熟悉HTML语言图像、表格和表单 5 实验三 熟悉HTML多窗口、多媒体、CSS 10 实验四 利用VbScript语言制作一个猜数游戏 11 实验五 利用VbScript语言制作一个小学生加法测试程序 13 实验六 利用VbScript语言制作一个计算矩阵乘法程序 18 实验七 制作一个向EXCEL输出表格的程序 23 实验八 利用JavaScript语言制作变色网页 30 实验九 利用JavaScript语言搜索水仙花数 34 实验十 利用JavaScript语言设计一个表达式计算的程序 37 实验十一 设计一个解一元二次方程的程序 39 实验十二 利用JavaScript语言设计一个简单计算器 42 实验十三 利用JavaScript语言设计一个在线考试程序 47 实验十四 设计一个图片显示特效程序 52 《脚本语言与Web程序开发》实验指导书 实验一 熟悉HTML语言基本结构 一、实验目的与任务 学生通过该实验熟悉HTML语言的基本使用方法，进一步体会浏览器解释执行HTML的原理，为以后高级网络编程打下扎实的基础。 二、实验基本原理与要求 1．利用记事本编辑HTML页面，并在浏览器中观察效果，体会并掌握HTML语言的基本操作和文件结构. 2．利用记事本编辑一个页面文件名为，要求在标题栏中显示“这是我的第一个试验”，页面中显示若干段文字，字体颜色为红色，页面背景为黄色，文字不可选择，不可复制。 3．利用超级链接制作一本电子书籍，要求有主页，包括：作者，书籍简介和各章链接，每章独立成文件，并有上一章，目录，下一章等链接。 4．主页布局合理、新颖，使人赏心悦目。 三、实验设备 微机+windows9x/200x+IE浏览器+记事本 四、实验内容 1．使用记事本编辑页面。 2．利用记事本编辑一个页面文件名为，要求在标题栏中显示“这是我的第一个试验”，页面中显示若干段文字，字体颜色为红色，页面背景为黄色，文字不可选择，不可复制。 3．利用超级链接制作一本电子书籍，要求有主页，包括：作者，书籍简介和各章链接，每章独立成文件，并有上一章，目录，下一章等链接。 五、实验步骤 1．打开记事本，单击 [文件]菜单，选择[保存]命令，在打开的保存对话框中，先选择要保存的文件夹，保证保存类型选择“所有文件”，在文件名中输入：，注意必须输入扩展名。 2．按下列提示编写HTML代码，下面是参照代码: 主体结构如下： html head title这里输入标题栏内容/title /head body 设置主体属性 这里输入页面中的内容 /body /html body的属性及事件： ①oncontextmenu事件：鼠标单击右键时，页面会弹出菜单，将激发该事件。但往往我们不希望用户通过弹出菜单进行相关的操作，很简单，屏蔽右键菜单的方法为：oncontextmenu=return false ②onselectstart事件：显示在页面中的文字，用户可以通过按鼠标左键并拖来选中，此时该事件将被激发。如果不想让自己的文字被选中，可以用以下方法屏蔽该事件：onselectstart=return false ③oncopy事件：用户按下CTRL+C键或执行菜单中的[复制]命令时，该事件将被激发，如果不想自己的页面内容被别人轻易复制，可以用以下方法屏蔽该事件：oncopy=return false ④bgcolor属性用于设置页面背景颜色，可以取RGB格式的颜色值或颜色常量值。 ⑤text属性用于设置页面中文字的颜色，取值参考背景色。 页面中的段落可使用标记符P。 3．输入完毕后单击保存命令，保存文件。找到该文件后双击，在浏览器中观察效果，如果需要修改，可直接在记事本中修改源文件，修改后保存，在浏览器中按F5或执行[刷新]菜单命令，即可观察新效果。 4．文件调试完毕后，按刚才的操作顺序完成实验的第二部分，按下列提示编写HTML代码，下面是参照代码； 主页结构如下： html head title这里输入标题栏内容/title /head body 设置主体属性 H1这里写书籍的名称/H1 hr 标尺线属性 Pfont 这里设置字体属性这里写作者姓名及书籍简介/font/P A href=”第一章文件的url”第一章/Anbsp; nbsp; A href=”第二章文件的url”第二章/A…… /body /html 注：nbsp;表示一个空格。 各章文件结构如下： html head