《脚本语言》实验指导书

1目录实验一熟悉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实验十四设计一个图片显示特效程序..........................................................................................522《脚本语言与Web程序开发》实验指导书实验一熟悉HTML语言基本结构一、实验目的与任务学生通过该实验熟悉HTML语言的基本使用方法，进一步体会浏览器解释执行HTML的原理，为以后高级网络编程打下扎实的基础。二、实验基本原理与要求1．利用记事本编辑HTML页面，并在浏览器中观察效果，体会并掌握HTML语言的基本操作和文件结构.2．利用记事本编辑一个页面文件名为shiyan1.htm，要求在标题栏中显示“这是我的第一个试验”，页面中显示若干段文字，字体颜色为红色，页面背景为黄色，文字不可选择，不可复制。3．利用超级链接制作一本电子书籍，要求有主页，包括：作者，书籍简介和各章链接，每章独立成文件，并有上一章，目录，下一章等链接。4．主页布局合理、新颖，使人赏心悦目。三、实验设备微机+windows9x/200x+IE浏览器+记事本四、实验内容1．使用记事本编辑页面。2．利用记事本编辑一个页面文件名为shiyan1.htm，要求在标题栏中显示“这是我的第一个试验”，页面中显示若干段文字，字体颜色为红色，页面背景为黄色，文字不可选择，不可复制。3．利用超级链接制作一本电子书籍，要求有主页，包括：作者，书籍简介和各章链接，每章独立成文件，并有上一章，目录，下一章等链接。五、实验步骤1．打开记事本，单击[文件]菜单，选择[保存]命令，在打开的保存对话框中，先选择要保存的文件夹，保证保存类型选择“所有文件”，在文件名中输入：shiyan1.htm，注意必须输入扩展名。2．按下列提示编写HTML代码，下面是参照代码:主体结构如下：htmlhead3title这里输入标题栏内容/title/headbody设置主体属性这里输入页面中的内容/body/htmlbody的属性及事件：①oncontextmenu事件：鼠标单击右键时，页面会弹出菜单，将激发该事件。但往往我们不希望用户通过弹出菜单进行相关的操作，很简单，屏蔽右键菜单的方法为：oncontextmenu=returnfalse②onselectstart事件：显示在页面中的文字，用户可以通过按鼠标左键并拖来选中，此时该事件将被激发。如果不想让自己的文字被选中，可以用以下方法屏蔽该事件：onselectstart=returnfalse③oncopy事件：用户按下CTRL+C键或执行菜单中的[复制]命令时，该事件将被激发，如果不想自己的页面内容被别人轻易复制，可以用以下方法屏蔽该事件：oncopy=returnfalse④bgcolor属性用于设置页面背景颜色，可以取RGB格式的颜色值或颜色常量值。⑤text属性用于设置页面中文字的颜色，取值参考背景色。页面中的段落可使用标记符P。3．输入完毕后单击保存命令，保存文件。找到该文件后双击，在浏览器中观察效果，如果需要修改，可直接在记事本中修改源文件，修改后保存，在浏览器中按F5或执行[刷新]菜单命令，即可观察新效果。4．文件调试完毕后，按刚才的操作顺序完成实验的第二部分，按下列提示编写HTML代码，下面是参照代码；主页结构如下：htmlheadtitle这里输入标题栏内容/title/headbody设置主体属性H1这里写书籍的名称/H1hr标尺线属性Pfont这里设置字体属性这里写作者姓名及书籍简介/font/PAhref=”第一章文件的url”第一章/A  Ahref=”第二章文件的url”第二章/A……/body/html注： 表示一个空格。各章文件结构如下：4htmlheadtitle这里输入标题栏内容/title/headbody设置主体属性H1这里写章节的名称/H1hr标尺线属性Pfont这里设置字体属性这里写本章第一段具体内容/font/P……Ahref=”上一章文件的url”上一章/A  Ahref=”主页的url”返回目录/A  Ahref=”下一章文件的url”下一章/A/body/html六、注意事项1．观察哪些标记符必须成对出现，哪些可以不写结束标记符；2．改变各种不同的属性，观察效果变化。5实验二熟悉HTML语言图像、表格和表单一、实验目的与任务学生通过该实验熟悉HTML语言的图像、表格和表单的基本使用方法，进一步体会浏览器解释执行HTML的原理，为以后高级网络编程打下扎实的基础。二、实验基本原理与要求1．利用记事本编辑HTML页面，并在浏览器中观察效果。2．利用记事本编辑一个页面文件名为shiyan2.htm，要求主页制作的效果应包括：页面背景、静态图象、动态图象、表格、表单等。3．主页布局合理、新颖，使人赏心悦目。三、实验设备微机+windows9x/200x+IE浏览器+记事本四、实验内容1．使用记事本编辑页面。2．利用记事本编辑一个页面文件名为shiyan2.htm，要求主页制作的效果应包括：页面背景、静态图象、动态图象、表格、表单等。3．规划好页面的布局，如何合理安排各种图像和表单元素，以及选择怎样的配色方案，每位同学可以自由发挥。五、实验步骤1．打开记事本，单击[文件]菜单，选择[保存]命令，在打开的保存对话框中，先选择要保存的文件夹，保证保存类型选择“所有文件”，在文件名中输入：shiyan2.htm，注意必须输入扩展名。2．按照自己设计的页面结构制作页面。提示：利用无边框表格格式化页面布局。3．下面代码为主页参考代码：HTMLHEADmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312TITLE电脑跳蚤市场/TITLE/HEADBODYbgColor=#ffffffleftmargin=0topmargin=0DIValign=centerTABLEborder=0cellPadding=0cellSpacing=0width=500TRTDheight=50DIValign=centerbfontface=隶书size=16Color=#ffcc66电脑跳蚤市场/font/b/DIV/TD/TR6TRTDTABLEborder=0cellPadding=0cellSpacing=0width=100%TRTDbgColor=#ffcc00height=1/TD/TR/TABLE/TD/TRTRTDcolSpan=2height=12DIValign=centerBAhref=index.htmFONTcolor=#3169a5主页/FONT/AFONTcolor=#ff9900size=3|/FONTAhref=shangpin1.htmFONTcolor=#3169a5台式机/FONT/AFONTcolor=#ff9900size=3|/FONTAhref=shangpin2.htmFONTcolor=#3169a5笔记本/FONT/AFONTcolor=#ff9900size=3|/FONTAhref=shangpin3.htmFONTcolor=#3169a5显示器/FONT/AFONTcolor=#ff9900size=3|/FONTAhref=shangpin4.htmFONTcolor=#3169a5主板/FONT/AFONTcolor=#ff9900size=3|/FONTAhref=shangpin6.htmFONTcolor=#3169a5CPU/FONT/AFONTcolor=#ff9900size=3|/FONTAhref=shangpin7.htmFONTcolor=#3169a5其它/FONT/A/B/DIV/TD/TRTRTDcolSpan=2DIValign=leftTABLEborder=0cellPadding=0cellSpacing=0width=100%TRTDbgColor=#ffcc00height=2/DIV/TD/TR/TABLE/DIV/TD/TR/TABLE7/DIVTABLEalign=centerbord