《《脚本语言》实验指导书(共76页).doc》由会员分享，可在线阅读，更多相关《《脚本语言》实验指导书(共76页).doc（53页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、精选优质文档-倾情为你奉上目 录实验一 熟悉HTML语言基本结构2实验二 熟悉HTML语言图像、表格和表单5实验三 熟悉HTML多窗口、多媒体、CSS10实验四 利用VbScript语言制作一个猜数游戏11实验五 利用VbScript语言制作一个小学生加法测试程序13实验六 利用VbScript语言制作一个计算矩阵乘法程序18实验七 制作一个向EXCEL输出表格的程序23实验八 利用JavaScript语言制作变色网页30实验九 利用JavaScript语言搜索水仙花数34实验十 利用JavaScript语言设计一个表达式计算的程序37实验十一 设计一个解一元二次方程的程序39实验十二 利用J
2、avaScript语言设计一个简单计算器42实验十三 利用JavaScript语言设计一个在线考试程序47实验十四 设计一个图片显示特效程序52脚本语言与Web程序开发实验指导书实验一 熟悉HTML语言基本结构一、实验目的与任务学生通过该实验熟悉HTML语言的基本使用方法，进一步体会浏览器解释执行HTML的原理，为以后高级网络编程打下扎实的基础。二、实验基本原理与要求1利用记事本编辑HTML页面，并在浏览器中观察效果，体会并掌握HTML语言的基本操作和文件结构.2利用记事本编辑一个页面文件名为shiyan1.htm，要求在标题栏中显示“这是我的第一个试验”，页面中显示若干段文字，字体颜色为红色
3、，页面背景为黄色，文字不可选择，不可复制。3利用超级链接制作一本电子书籍，要求有主页，包括：作者，书籍简介和各章链接，每章独立成文件，并有上一章，目录，下一章等链接。4主页布局合理、新颖，使人赏心悦目。三、实验设备 微机+windows9x/200x+IE浏览器+记事本四、实验内容1使用记事本编辑页面。2利用记事本编辑一个页面文件名为shiyan1.htm，要求在标题栏中显示“这是我的第一个试验”，页面中显示若干段文字，字体颜色为红色，页面背景为黄色，文字不可选择，不可复制。3利用超级链接制作一本电子书籍，要求有主页，包括：作者，书籍简介和各章链接，每章独立成文件，并有上一章，目录，下一章等链
4、接。五、实验步骤1打开记事本，单击 文件菜单，选择保存命令，在打开的保存对话框中，先选择要保存的文件夹，保证保存类型选择“所有文件”，在文件名中输入：shiyan1.htm，注意必须输入扩展名。2按下列提示编写HTML代码，下面是参照代码:主体结构如下：这里输入标题栏内容这里输入页面中的内容的属性及事件：oncontextmenu事件：鼠标单击右键时，页面会弹出菜单，将激发该事件。但往往我们不希望用户通过弹出菜单进行相关的操作，很简单，屏蔽右键菜单的方法为：oncontextmenu=return false onselectstart事件：显示在页面中的文字，用户可以通过按鼠标左键并拖来选中
5、，此时该事件将被激发。如果不想让自己的文字被选中，可以用以下方法屏蔽该事件：onselectstart=return falseoncopy事件：用户按下CTRL+C键或执行菜单中的复制命令时，该事件将被激发，如果不想自己的页面内容被别人轻易复制，可以用以下方法屏蔽该事件：oncopy=return falsebgcolor属性用于设置页面背景颜色，可以取RGB格式的颜色值或颜色常量值。text属性用于设置页面中文字的颜色，取值参考背景色。页面中的段落可使用标记符。3输入完毕后单击保存命令，保存文件。找到该文件后双击，在浏览器中观察效果，如果需要修改，可直接在记事本中修改源文件，修改后保存，在
6、浏览器中按F5或执行刷新菜单命令，即可观察新效果。4文件调试完毕后，按刚才的操作顺序完成实验的第二部分，按下列提示编写HTML代码，下面是参照代码；主页结构如下：这里输入标题栏内容这里写书籍的名称这里写作者姓名及书籍简介第一章 第二章注： 表示一个空格。各章文件结构如下：这里输入标题栏内容这里写章节的名称这里写本章第一段具体内容上一章 返回目录 下一章六、注意事项1观察哪些标记符必须成对出现，哪些可以不写结束标记符；2改变各种不同的属性，观察效果变化。实验二 熟悉HTML语言图像、表格和表单一、实验目的与任
7、务学生通过该实验熟悉HTML语言的图像、表格和表单的基本使用方法，进一步体会浏览器解释执行HTML的原理，为以后高级网络编程打下扎实的基础。二、实验基本原理与要求1利用记事本编辑HTML页面，并在浏览器中观察效果。2利用记事本编辑一个页面文件名为shiyan2.htm，要求主页制作的效果应包括：页面背景、静态图象、动态图象、表格、表单等。3主页布局合理、新颖，使人赏心悦目。三、实验设备 微机+windows9x/200x+IE浏览器+记事本四、实验内容1使用记事本编辑页面。2利用记事本编辑一个页面文件名为shiyan2.htm，要求主页制作的效果应包括：页面背景、静态图象、动态图象、表格、表单
8、等。3规划好页面的布局，如何合理安排各种图像和表单元素，以及选择怎样的配色方案，每位同学可以自由发挥。五、实验步骤1打开记事本，单击 文件菜单，选择保存命令，在打开的保存对话框中，先选择要保存的文件夹，保证保存类型选择“所有文件”，在文件名中输入：shiyan2.htm，注意必须输入扩展名。2按照自己设计的页面结构制作页面。提示：利用无边框表格格式化页面布局。3下面代码为主页参考代码：电脑跳蚤市场 电脑跳蚤市场 主页 | 台式机 | 笔记本 | 显示器 | 主板 | CPU | 其它 在此显示商品信息 供货信息 求购信息 信息查询 问题解答 投诉 管理员 Copyright 2008 电脑破烂
9、王版权所有. 主页界面如图：4依次设计相关联接文件。六、注意事项1观察哪些标记符必须成对出现，哪些可以不写结束标记符；2改变各种不同的属性，观察效果变化。实验三 熟悉HTML多窗口、多媒体、CSS 一、实验目的与任务学生通过该实验熟悉HTML语言的多窗口、多媒体和CSS的基本使用方法，进一步体会HTML在实际中的应用，为以后高级网络编程打下扎实的基础。二、实验基本原理与要求1利用记事本编辑HTML页面，并在浏览器中观察效果。2利用记事本编辑一个页面文件名为shiyan3.htm，利用记事本编辑一个页面文件名为shiyan3.htm，要求主页制作的效果应包括：整体布局用多窗口页面，页面中包含多媒
10、体元素：视频、背景音乐、FLASH动画，并使用CSS控制效果。3主页布局合理、新颖，使人赏心悦目。三、实验设备 微机+windows9x/200x+IE浏览器+记事本四、实验内容1使用记事本编辑页面。2利用记事本编辑一个页面文件名为shiyan3.htm，要求主页制作的效果应包括：整体布局用多窗口页面，页面中包含多媒体元素：视频、背景音乐、FLASH动画，并使用CSS控制效果等。五、实验步骤1规划并建立页面中使用的层叠样式表文件，可命名如Mystyle.css。2打开记事本，单击 文件菜单，选择保存命令，在打开的保存对话框中，先选择要保存的文件夹，保证保存类型选择“所有文件”，在文件名中输入：
11、shiyan3.htm，注意必须输入扩展名。2在文件中引入Mystyle.css，规划好页面的布局，如何合理安排各种元素，以及选择怎样的配色方案，每位同学、可以自由发挥。六、注意事项1视频播放、背景音乐和动画的属性设置；2改变各种不同css属性，观察效果变化；3多窗口布局的设计应有适当的比例。实验四 利用VbScript语言制作一个猜数游戏一、实验目的与任务熟悉VbScript语言的使用方法，掌握VbScript的三种基本控制结构。二、实验基本原理与要求1利用记事本编辑HTML页面，并在浏览器中观察效果。2页面中先显示一个按钮，上面文字为“单击开始猜数游戏”。要求：由计算机随机产生一个1-10
12、0的整数，用户单击按钮后，提示用户输入其所猜数字，10次机会，如果猜中显示猜中及次数，否则提示猜大了或小了，10次不中则显示该数及失败信息。3功能完整，有简单的错误检查处理。三、实验设备 微机+windows9x/200x+IE浏览器+记事本四、实验内容1使用记事本编辑页面。2页面中先显示一个按钮，上面文字为“单击开始猜数游戏”。要求：由计算机随机产生一个1-100的整数，用户单击按钮后，提示用户输入其所猜数字，10次机会，如果猜中显示猜中及次数，否则提示猜大了或小了，10次不中则显示该数及失败信息。要有错误处理。五、实验步骤1打开记事本，单击 文件菜单，选择保存命令，在打开的保存对话框中，先
13、选择要保存的文件夹，保证保存类型选择“所有文件”，在文件名中输入：caishu.htm，注意必须输入扩展名。2在页面中放入一个按钮，具体代码为和界面如下：3按下列提示编写HTML代码，下面是参照代码:猜数游戏Dim iNum 猜数的次数Dim intTarget 计算机随机生成的数Dim blnOk 您猜的数Dim intUser 您猜的数Sub CmdStart_OnClick Randomize 初始化随机数生成器，该生成器具有基于系统计时器的种子。 iTarget =cint(rnd(1)*100+1) iNum=0 blnOk=False Do while (not blnOk) an
14、d iNUm10 then 提示失败 blnOk=True ElseIf intUseriTarget Then 提示猜的太大及剩余次数 ElseIf intUseriTarget Then 提示猜的太小及剩余次数 End If End If loop End sub六、注意事项1先画出程序流程图，搞清楚程序控制结构；2主体控制完成后，可以增加一些个性因素。实验五 利用VbScript语言制作一个小学生加法测试程序一、实验目的与任务熟悉VbScript语言的使用方法，掌握VbScript的过程与document对象的使用。二、实验基本原理与要求1利用记事本编辑HTML页面，并在浏览器中观察效果
15、。2页面中随机产生10道10以内的整数加法题，有用户输入答案，并通过单击判断按钮，由计算机给出成绩，并在正确的题目后显示对勾，错误题目后显示叉。要求：界面活泼生动，符合小学生心理，可以反复出题测试，并能通过简单修改程序控制随机数大小，如可以出10以内的加法等。3功能完整，有简单的错误检查处理。三、实验设备 微机+windows9x/200x+IE浏览器+记事本四、实验内容1使用记事本编辑页面。2页面中随机产生10道10以内的整数加法题，有用户输入答案，并通过单击判断按钮，由计算机给出成绩，并在正确的题目后显示对勾，错误题目后显示叉。要求：界面活泼生动，符合小学生心理，可以反复出题测试，并能通过
16、简单修改程序控制随机数大小，如可以出10以内的加法等。要有错误处理。五、实验步骤准备：先利用绘图软件制作几幅图片，包括两个放在按钮上的120*25大小的图片，一个是判断对错（panduan.gif），另一个是重新出题（chuti.gif）；再准备三张190*120的图片一张用来在出完题目后，提示试试看（start.gif），第二张和第三张分别在得分80以上（ok.gif）及不足80分（jiayou.gif）时显示；最后准备三张大小为20*20的图片分别在判断对错时，正确的题目后显示一个对勾（zhengque.gif），错误时显示一个叉（cuowu.gif），初始状态时每个题目后显示图片defa
17、ult.gif，实际上该图片只是一个和背景颜色完全一样，大小为20*20的图片。1打开记事本，单击 文件菜单，选择保存命令，在打开的保存对话框中，先选择要保存的文件夹，保证保存类型选择“所有文件”，在文件名中输入：test.htm，注意必须输入扩展名。2在页面主体中先放一个，将所有内容居中排列。3放一个表格，代码如下：第一行表格为两列合并并写上程序标题，代码如下： 小学生加法运算测试（每题10分，共100分）第二行表格的第一列先放一个表单，id为form1，具体代码如下：然后用脚本语言生成十行题目： !- Dim i For i=1 to 10 if i10 then document.wri
18、te 0 & i & . else document.write i & . end if document.write+ document.write document.write= document.write document.write Next Call ct 调用出题过程 -4在表单中放入一个按钮，具体代码为：单击该按钮执行过程py_click5第二行表格的第二列放一个表单，id为form2，具体代码如下： 得分： 失分： 6在页面的之间插入脚本，分别编写程序中的各个函数：第一个过程，随机生成10道题目并显示在页面中- Sub ct()Sub ct() Dim i,tx(10),t
19、y(10) 定义变量分别放置题目的被加数和加数 const MAXNUM=10 定义被加数和加数的最大值 下面程序随机生成题目的被加数和加数，并放在数组中 For i=1 to 10 Randomize 初始化随机数生成器，该生成器具有基于系统计时器的种子。 tx(i)=cint(rnd(1)*MAXNUM+1) Randomize 初始化随机数生成器，该生成器具有基于系统计时器的种子。 ty(i)=cint(rnd(1)*MAXNUM+1) next 向页面中的每个题目的被加数和加数文本框中写内容 form1.x1.value=tx(1) form1.x10.value=tx(10) for
20、m1.y1.value=ty(1) form1.y10.value=ty(10)End sub第二个过程，重新出题- Sub cct_click()Sub cct_click()先将表单2中分数设置为空 form2.dd.value= form2.df.value=先将表单1中各道题的答案设置为空 form1.z1.value= form1.z10.value=将表单1中各题目后表示正误的图片设置为开始状态form1.t1.src=default.gifform1.t10.src=default.gif将表单2中提示图片设置为开始状态 form2.img1.src=start.gif调用出题过
21、程 call ct()End sub第三个过程，评阅题目- Sub py_click()Sub py_click() Dim bb,bf bb=0 bf=0对每个题目判断其是否答对 if len(form1.z1.value)=0 or not IsNumeric(form1.z1.value) then 如果答案为空或不是数字 bf=bf+1 else if cint(form1.x1.value)+cint(form1.y1.value)=cint(form1.z1.value) then 如果题目答对 bb=bb+1 else bf=bf+1 end if end if依次对10道题目进
22、行判断 设置成绩 form2.dd.value=bb*10 form2.df.value=bf*10根据成绩是否超过80分别显示图片 if bb8 then form2.img1.src=ok.gif else form2.img1.src=jiayou.gif end ifEnd sub效果图如下：六、注意事项1先画出程序流程图，搞清楚程序控制结构；2主体控制完成后，可以增加一些个性因素；3考虑将加法改为加减混合或乘法，则程序如何修改？实验六 利用VbScript语言制作一个计算矩阵乘法程序一、实验目的与任务熟悉VbScript语言的使用方法，掌握VbScript的过程、函数与对象，进一步学
23、习通过document对象动态生成页面的方法。二、实验基本原理与要求1利用记事本编辑HTML页面，并在浏览器中观察效果。2程序可以计算Cmn=AmsBsn，其中m、s、n通过页面提示用户输入,用户单击确定后，在页面中用文本框自动生成Ams、Bsn和Cmn矩阵，由用户输入矩阵A、B的值，单击计算，由计算机计算出结果写到矩阵C中。要求：界面布局合理，计算正确，有错误处理。3功能完整，有简单的错误检查处理。三、实验设备 微机+windows9x/200x+IE浏览器+记事本四、实验内容1使用记事本编辑页面。2程序可以计算Cmn=AmsBsn，其中m、s、n通过页面提示用户输入,用户单击确定后，在页面中用文本框自动生成Ams、Bsn和Cmn矩阵，由用户输入矩阵A、B的值，单击计算，由计算机计算出结果写到矩阵C中。要求：界面布局合理，计算正确，有错误处理。五、实验步骤1打开记事本，单击 文件菜单，选择保存命令，在打开的保存对话框中，先选择要保存的文件夹，保证保存类型选择“所有文件”，在文件名中输入：juzhencheng.htm，注意必须输入扩展名。2制作一个页面，显示Cmn=AmsBsn信息，要求用户分别输入m、s、n，然后再放置一个计算按钮。具体代码可参照如下结构：矩阵乘法Cmn=AmsBsn请输入m=input type=text name=txt