关闭

关闭

关闭

封号提示

内容

首页 Internet应用与网络 (樊月华) 第5章 脚本语言的应用.ppt

Internet应用与网络 (樊月华) 第5章 脚本语言的应用.ppt.ppt

Internet应用与网络 (樊月华) 第5章 脚本语言的应…

希望
2019-09-18 0人阅读 举报 0 0 暂无简介

简介:本文档为《Internet应用与网络 (樊月华) 第5章 脚本语言的应用.pptppt》,可适用于高等教育领域

关于Internet应用与网络 (樊月华) 第5章 脚本语言的应用.ppt.ppt文档,大发快三大小单双口诀拥有内容丰富的相关文档,站内每天千位行业名人共享最新资料。

第章脚本语言的应用本章训练目标:()通过示例掌握脚本语言的功能。()通过案例掌握Window对象的基本使用方法。()通过案例学会应用JavaScript丰富网页。()通过案例学会应用VBScript丰富网页。()VBScript脚本语言应用实训。通过实训综合运用所学内容完成计算器的制作。()JavaScript脚本语言应用实训。通过实训综合运用所学内容完成银行网站利率查询栏目的制作。脚本语言的应用脚本语言的功能window对象应用JavaScript(JScript)的应用VBScript的应用VBScript应用实训mdashmdash计算器的制作JavaScript应用实训mdashmdash银行利息查询练习上机练习实训课题脚本语言的功能脚本语言概述脚本是一种能够完成某些功能的小程序段。这些程序段在程序运行过程中被逐行解释执行。在脚本中使用的命令和语句集被称为脚本语言。脚本语言可嵌入HTML页面并被浏览器解释执行。脚本分服务器端脚本和客户端脚本两种服务器端脚本是在服务器上运行的脚本程序客户端脚本是在客户机上运行的脚本程序。JavaScript脚本语言应用示例mdashmdash动画效果的应用()任务要求:要求页面上有一幅图像在图像上有文字ldquo请击我rdquo(请注意文字颜色的选择)当用户点击图像时图像有所动作。()完成以上任务的代码清单图JavaScript脚本语言示例图VBScript脚本语言示()页面代码说明VBScript脚本语言应用示例mdashmdash图像互换位置()任务要求:要求页面上有两幅图像及有关图像说明的文字当用户用鼠标左键单击页面时图像交换位置。界面如图所示。()完成以上任务的代码清单()代码说明window对象应用对象的概念对象(Object):对象是组成软件的基本模块每个对象是一个封装起来的独立模块完成某个特定的任务。对象有属性(property)、方法(method)和事件(even)。()属性:指对象表现出来的状态或特征。()方法(Method):指与特定对象相关联的某些操作。()事件:指对象所碰到的事情例如用户用鼠标左键单击一个按钮等。window对象的构成window对象和它的最主要一个下层对象的结构见图。window对象应用案例mdashmdash状态栏内容的更新图window对象图window对象应用案例()任务要求:页面上有一个按钮当用户把鼠标移动到按钮上时状态栏输出ldquo朋友们好!rdquoms(毫秒)后状态栏输出ldquo欢迎!rdquo。()完成该任务的页面代码exhtml清单()代码说明window对象应用案例mdashmdash触发事件对象的信息获取()任务要求:页面如图所示当用户用鼠标在页面不同位置上单击时弹出对话框显示该位置触发onClick事件的对象的标记名和它的ID。()实现以上任务的页面代码exhtml清单()页面代码的说明window对象的属性、方法和事件简介 window对象的属性表window对象的属性 window对象的方法表window对象的方法 window对象的事件表window对象的事件document对象的属性、方法和事件简介window对象的下层又有location、history、even和document等对象其中使用最多的是document对象。 document对象的属性表document对象的属性document对象的方法表列举了document对象的主要方法和它们的使用说明。document对象的事件表列举了document对象的鼠标事件和它们的使用说明。表document对象的方法表document对象的鼠标事件表列举了document对象的按键事件和它们的使用说明。表document对象的按键事件JavaScript(JScript)的应用JavaScript应用案例mdashmdash客户端输入信息验证()任务要求:在客户端验证用户输入数据()实现上述任务的代码exhtml清单()代码说明JavaScript语法简介变量变量名必须以字母或下划线ldquordquo开始后面的字符可以是字母、数字或下划线。JavaScript内部定义的保留字不能用作变量名。表达式表达式是由变量、常量和运算符按一定规则组成的集合表达式的值可以是数字、字符串或布尔量。运算符JavaScript的运算符有:赋值运算符、算术运算符、逻辑运算符、比较运算符、字符串运算符和位运算符。表赋值运算符的使用表列出算术运算符的使用说明。表列出了逻辑运算符的使用说明表算术运算符的使用表逻辑运算符的使用表比较运算符的使用表位运算符的使用运算符的优先级JavaScript的程序控制结构函数在JavaScript中可以使用函数函数用来封装在程序中需要多次使用的模块。函数必须先定义后使用。由于浏览器先执行HTML文档中的HEAD模块所以JavaScript中常把自定义函数放在HEAD模块中然后在HTML文档的主体BODY模块中调用函数。JavaScript应用案例mdashmdash状态栏文字滚动显示()任务要求:当用户点击页面上的文字时状态栏的文字滚动显示。()完成如上任务的页面代码exhtml清单JavaScript应用案例mdashmdash启动数字钟统计页面持续时间图启动数字钟统计网页持续时间()实现以上任务的页面代码exhtml清单()代码说明JavaScript对象简介JavaScript不是纯面向对象的语言它不具备面向对象语言应具有的特性如类的封装、继承和重载等。创建对象JavaScript中创建对象的方法与创建函数的方法相似。对象的方法和属性JavaScript的Date内置对象表Date对象的主要方法VBScript的应用VBScript应用案例mdashmdash与用户交互界面的制作()任务要求:页面上有一个按钮欢迎用户链接到某个网站。图VBScript应用案例的界面()实现上述任务的代码exhtml清单()代码说明VBScript语法简介.VBScript的书写格式()VBScript不区分大小写声明变量的关键字ldquoDimrdquo与ldquodimrdquo的作用是一样的。()VBScript没有可见的结束标志它以换行符为行终止符。()如果需要把几行代码写在一行中使用冒号(:)把他们分开。()可以用两种方法进行注释:rem或(rsquo)号。变量()变量名。()变量的声明。()变量的初始化。数据类型VBScript中只有一种数据类型被称为变体型(Variant)。变体型包含所有的基本数据类型所以VBScript中基本数据类型被称为子类型(subtype)。变体型是一种特殊的数据类型系统可以根据不同的数据子类型来分配内存空间并以最合适的方式来体现数据类型的特征和行为。表VBScript数据子类型运算符VBScript的运算符有:赋值运算符、算术运算符、逻辑运算符、比较运算符和字符串运算符。()赋值运算符。赋值运算符用来给变量赋值VBScript赋值方法比较简单例如MyNum=。()算术运算符。算术运算符用来建立算术表达式表列出算术运算符的使用说明。表算术运算符的使用()逻辑运算符。逻辑运算符对两个布尔表达式的值进行逻辑运算它的返回值是true或false表列出了逻辑运算符的使用说明。表逻辑运算符的使用()比较运算符。比较运算符用来比较它的操作数大小然后返回一个布尔值(true或false)表列出了比较运算符的使用说明。()字符串运算符。VBScript只有一个字符串运算符即连接符ldquordquo使用字符串运算符可以把几个串连接在一起。例如ldquo字符串rdquoldquo字符串rdquo的返回值是:ldquo字符串字符串rdquo。()运算符的优先级。表比较运算符的使用VBScript的程序控制结构VBScript中对程序流程进行控制的语句可分为两类:middot条件判断:实现条件判断的语句有ifhellipthenhellipelse和selectcase语句。middot循环执行:实现循环执行的语句有dohelliploop、forhellipnext和whilehellipwend语句。()条件语句ifhellipthenhellipelse。()条件语句selecthellipcase。selecthellipcase语句常用来处理多重选择。()循环语句dohelliploop。()循环语句forhellipnext语句()whilehellipwend语句子程序与函数使用VBScript编写较为复杂的程序需要使用过程。一个过程是一段程序可以供程序的其他部分调用常用的过程有子程序和函数。()子程序。子程序是一段完整、独立的程序可以从脚本程序的其他地方调用子程序。()函数。函数是一个独立的程序单元。函数必须先定义后使用。函数可以有返回值。VBScript的内置函数VBScript的日期时间函数主要用于对系统的日期和时间的操作。VBScript应用案例mdashmdash客户端验证用户名和密码()任务要求:在客户端验证用户名和密码如果用户输入错误则弹出ldquo输入错误rdquo的提示框请用户再次输入如果输入正确则将信息发送到服务器端由服务器端应用程序ldquoResponseasprdquo处理用户信息。()实现上述任务的代码exhtml清单VBScript应用案例mdashmdash赛跑游戏()任务要求:制作一个赛跑游戏页面上有个boy在跑用户用鼠标去追追上后用鼠标点击弹出信息框输出ldquo哇!我被抓到了!rdquo同时在状态栏中显示ldquo看谁跑得快!rdquo界面如图所示。图页面标题动态显示图赛跑游戏()完成如上要求的代码exhtml清单()代码说明VBScript应用案例mdashmdash页面标题动态显示()任务要求:使用DHTML技术使页面字体动态显示页面上一行文字的背景及样式不断变化另一行文字由小变大。显示如图所示。()实现如上任务的代码exhtml清单()代码说明VBScript应用实训mdashmdash计算器的制作任务要求任务要求要求制作一个计算器可以对整数和小数进行加、减、乘、除运算计算器的界面如图所示。图计算器界面界面中控件的名称及其功能制作界面()启动Frontpage在菜单栏中选择ldquo文件rarr新建rarr网页rdquo创建一个新页面。()设置计算器背景颜色。()插入文本框。在菜单栏中选择ldquo插入rarr表单rarr单行文本框rdquo在页面中插入一个文本框。根据已定义的文本框名及其属性修改文本框的属性值。()插入按钮。在菜单栏中选择ldquo插入rarr表单rarr按钮rdquo插入一个按钮。以同样方法插入其他个按钮。根据已定义的按钮名称及其属性修改按钮属性值使之合乎要求。图设置页面背景颜色添加VBScript代码.代码中的变量及其作用.代码中的子程序及其功能计算器源代码在浏览器中测试计算器的功能制作完成后在浏览器中测试计算器的功能符合任务要求完成制作。JavaScript应用实训mdashmdash银行利息查询任务要求万通银行网站希望增加一个栏目用户在界面中输入本金、存款方式和存款时间后即可得到到期后的本金和利息之和共有多少以利于客户选择存款方式。用户需求分析用户界面设计图银行利率查询界面当客户点击某一项时在弹出的界面中输入本金和存款时间即可得到所得的本金和利息之和。例如人民币活期储蓄利率查询界面如图所示。图人民币活期利率查询界面用户界面制作mdashmdash框架的应用框架也称为帧(frame)便于用户在不同内容的网页之间进行跳转本案例适合使用框架来实现。框架的主要功能是把浏览器窗口划分成几个大小不同块每个块称为一帧每个帧是独立的所有帧的总称为帧集(frameset)。制作图所示的银行利率查询界面()制作左帧。()制作右帧。()制作框架。图ldquo新建rdquo对话框图新创建的框架网页Frontpage自动为用户创建了一个框架页面如图所示。制作人民币活期利率查询界面()界面中控件的名称及其功能。()创建一个新网页。()插入文本框。()插入按钮。()根据图的用户需求调整页面布局使之符合用户需求。()创建超链接。()添加JavaScript代码。()制作完成以ldquormbHhtmrdquo文件名保存文件其源代码清单制作其他利率查询界面其他利率查询界面如人民币定期利率查询界面、人民币零存整取利率查询界面、美元利率查询等界面的制作与人民币活期利率查询界面的制作大同小异此处不再一一赘述。网页的测试与发布在个人Web服务器或Frontpage的ldquo预览rdquo标签中测试页面如果没有问题且满足用户需求即可在网站发布。练习.什么是脚本语言它的功能是什么?.常用的脚本语言有哪几种它们各有什么特点?.如何将脚本嵌入HTML页面?.请举例说明什么是对象对象的构成是什么?.请举例说明对象的属性、方法和事件。.window对象的组成结构是怎样的?.window对象的主要属性和方法是什么?举例说明它们的应用方法。.window下层最主要的对象是什么?.document对象的主要属性、方法和事件是什么?请举例说明它们的使用方法?.JavaScript中的函数如何定义如何调用?.JavaScript如何创建对象如何访问所创建对象的方法和属性?.VBScript的数据类型是什么?它的特点是什么?.VBScript中子程序和函数的区别是什么?.如何定义和调用VBScript中的函数和子程序?上机练习上机练习:使用SCRIPT标记把一小段脚本程序嵌入HTML页面并在浏览器中显示它的结果。上机练习:使用脚本语言制作一个具有动画效应的页面。上机练习:使用JavaScript编制一段代码完成以下功能:()要求用户输入一个电话号码。()用确认框检查输入是否正确(是否为合法输入字符位长是否合理等)。()根据输入给出相应的提示。上机练习:制作一个页面页面上有五幅图像图像等分在一个圆上当用户点击页面时图像逆时钟转动。上机练习:页面上有一幅图像在状态栏显示有关图像的说明。当用户点击图像时换成另一幅图像同时状态栏的内容也做相应的变更。上机练习:制作一个页面页面上有四个独立的块每个块显示不同的内容或图像加文字说明或表格加文字说明或表格加图像等等当用户用鼠标在页面上点击时将显示该鼠标所在位置对象的标记名和ID。上机练习:在客户端验证用户输入信息如果输入正确允许链接到网站如果不正确禁止链接要求用户界面友好。上机练习:制作一个页面状态栏将根据页面内容滚动显示。上机练习:制作一个数字钟根据网页下载持续时间进行收费。上机练习:制作一个打猎游戏页面上有几个猎物或在飞或在跑用户用鼠标追赶猎物追上后用鼠标单击猎物弹出信息框说明猎物被击中同时猎物消失。上机练习:为某单位的主页制作标题使标题具有动态效果。实训课题实训课题:完善节计算器的制作增加累加计算、三角函数计算、对数计算、开方计算等功能。请读者完成计算器的界面设计与制作并使用VBScript脚本语言完成控件之间的事件响应任务和计算任务。实训课题:为某企业网站设计并制作一个业务查询栏目。当用户输入正确的用户名及口令后允许用户进行查询。请读者完成用户需求分析确定查询的项目设计并规划栏目的界面并使用JavaScript脚本语言完成控件之间的响应任务和计算任务(如果存在计算任务)。

类似资料

该用户的其他资料

2015.11创新杯创新杯说课大赛国赛说课课件.ppt

19--课程..创新杯说课大赛国赛说课课件.ppt

2014创新杯直线的倾斜角与斜率课程创新杯说课大赛国赛说课课件.ppt

13幼师3 住创新杯说课大赛国赛说课课件.ppt

2010血栓的形成讲课曹颜冬创新杯说课大赛国赛说课课件.ppt

职业精品

精彩专题

让你惊艳又清新的英文短诗合集

让你清新惊艳的英文小诗有哪些呢?小编汇集了以下经典英文诗、唯美爱情小诗、英文诗押韵技巧等等,让爱好英文短诗的你能够一起体验其中的乐趣!

用户评论

0/200
上传我的资料

热门资料排行换一换

  • 2016圣诞节主持词

  • 高一化学第一章相对原子量单元测验[…

  • 苏旅星评委(2010)14号(红头…

  • 湘雅医院2013上八年制内科学试卷…

  • 河南省开封市第二实验高级中学201…

  • 浅析中美就南海问题的政治较量新

  • 胜动集团燃气发电机组培训班考试试题

  • [教学]protel 99se …

  • 数据结构试题及答案

  • 资料评价:

    / 41
    所需积分:0 立即下载

    VIP

    在线
    客服

    免费
    邮箱

    大发快三大小单双口诀服务号

    扫描关注领取更多福利