第三章 第一个Web应用程序.

Slides:



Advertisements
Similar presentations
因数与倍数 2 、 5 的倍数的特征
Advertisements

3 的倍数特征 抢三十
1 HTML 语言与网页设计 —— DHTML 技术 2 学习目标 理解客户端脚本的作用,掌握在 网页中使用客户端脚本的方法。 理解 JavaScript 语言的基本语法。 理解 JavaScript 对象和浏览器对 象在脚本编程中的作用。 理解 DHTML 的原理,能够在网页 中应用 DHTML.
作業2-Javascript實作 (請同學自行研讀電子書或指定之Javascript教科書) 書上習題: 11-3
Tool Command Language --11级ACM班 金天行.
第12讲 Javascript 复习 信息学院 孙辉.
——奧科特公開及內部培訓 系列課程(三)之十一
古典魔力客-貝多芬 來玩 BINGO 吧!.
P303 HTML/DHTML/CSS/JavaScript 專業HTML網頁設計 陳錦輝.
上課囉 職場甘苦談 小資男孩向錢衝 育碁數位科技 呂宗益/副理.
了解JavaScript.
第一讲 JavaScript编程基础 信息学院 周宝刚.
第4章 JavaScript脚本语言基础 4.1 JavaScript简介 4.2 JavaScript语法基础
JavaScript 语言基础.
第3章 JavaScript语言基础.
《网页设计与制作》 教学课件 主讲人:湖南铁道职业技术学院 陈承欢
14 JavaScript语言基础 JavaScript是一种轻量级、解释型的Web开发语言。所谓轻量级,就是语言的体系结构不是很庞杂,例如,没有C、Java等语言中的类、内存管理、系统管理等高深的知识范畴;所谓解释型,就是语言在浏览器或服务器等环境中直接被解释执行,不需要对源代码进行编译操作。
基于解释性语言的手机跨平台架构 Sloan Yi. Qt MTK.
Oracle数据库 Oracle 子程序.
经 络 学.
C++中的声音处理 在传统Turbo C环境中,如果想用C语言控制电脑发声,可以用Sound函数。在VC6.6环境中如果想控制电脑发声则采用Beep函数。原型为: Beep(频率,持续时间) , 单位毫秒 暂停程序执行使用Sleep函数 Sleep(持续时间), 单位毫秒 引用这两个函数时,必须包含头文件
在PHP和MYSQL中实现完美的中文显示
第九章 字符串.
陈香兰 助教:陈博、李春华 Spring 2009 嵌入式操作系统 陈香兰 助教:陈博、李春华 Spring 2009.
EBNF与操作语义 请用扩展的 BNF 描述 javascript语言里语句的结构;并用操作语义的方法描述对应的语义规则
Ajax编程技术 第一章 Ajax简介.
Signutil.
Hadoop I/O By ShiChaojie.
VB程序设计语言 主讲教师:王 杨.
EBNF 请用扩展的 BNF 描述 C语言里语句的结构; 请用扩展的 BNF 描述 C++语言里类声明的结构;
SQL Injection.
PHP 程式流程控制結構.
走进编程 程序的顺序结构(二).
辅导课程六.
第一单元 初识C程序与C程序开发平台搭建 ---观其大略
第二章 Java语言基础.
iPhone/iPod Touch/Android
By Sizzle引擎研究 By
計數式重複敘述 for 迴圈 P
DevDays ’99 The aim of this mission is knowledge..
任务1-3 使用Dreamweaver创建ASP网页
2.2 Web界面设计 信息工程系 向模军 Tel: QQ:
SOA – Experiment 2: Query Classification Web Service
第一章 函数与极限.
第4章 PHP流程控制语句.
C++语言程序设计 C++语言程序设计 第七章 类与对象 第十一组 C++语言程序设计.
简单介绍 用C++实现简单的模板数据结构 ArrayList(数组, 类似std::vector)
C++语言程序设计 C++语言程序设计 第六章 指针和引用 第十一组 C++语言程序设计.
Drupal Dev 我想知道:什么时候、什么变化.
第二章 Java基本语法 讲师:复凡.
Lightweight Data-flow Analysis for Execution-driven Constraint Solving
信号量(Semaphore).
第3章 JavaScript基本语句.
第六章 Excel的应用 一、Excel的单元格与区域 1、单元格:H8, D7, IV26等 2、区域:H2..D8, HS98:IT77
第4章 Excel电子表格制作软件 4.4 函数(一).
JSP实用教程 清华大学出版社 第2章 JSP运行环境和开发环境 教学目标 教学重点 教学过程 2019年5月7日.
第九节 赋值运算符和赋值表达式.
3.16 枚举算法及其程序实现 ——数组的作用.
多层循环 Private Sub Command1_Click() Dim i As Integer, j As Integer
ASP.NET实用教程 清华大学出版社 第4章 C#编程语言 教学目标 教学重点 教学过程 2019年5月5日.
如何使用myApps平台配置各类应用 蔡坤和 一个可根据企业个性化需求快速搭建应用系统的工具平台
問題解決與流程圖 高慧君 台北市立南港高中 2006年12月22日.
Delphi 7.0开发示例.
临界区问题的硬件指令解决方案 (Synchronization Hardware)
本节内容 C语言的汇编表示 视频提供:昆山爱达人信息技术有限公司 官网地址: 联系QQ: QQ交流群 : 联系电话:
知识分享:使用web写UI, 使用js对接C++项目, 提高开发效 率。
WEB程序设计技术 数据库操作.
任课教师:戴开宇 TA:时均帅、谭肖、王安华 程序设计B班 :20-16:50(90分钟)
§2 自由代数 定义19.7:设X是集合,G是一个T-代数,为X到G的函数,若对每个T-代数A和X到A的函数,都存在唯一的G到A的同态映射,使得=,则称G(更严格的说是(G,))是生成集X上的自由T-代数。X中的元素称为生成元。 A变, 变 变, 也变 对给定的 和A,是唯一的.
JavaScript 教师:魏小迪
Presentation transcript:

第三章 第一个Web应用程序

3.1 用循环进行重复操作 For 循环 for ( [初始值];[条件];[增量] ) { <语句或语句组>} 举例: <Script> for ( var i = 5; i > 0; i-- ) { document.write(“i = ” ,i ,“<BR/>"); } </Script>

3.1 用循环进行重复操作 举例:见课本脚本3-1、3-2Bingo卡片游戏

3.2 将值传递给函数 当需要获得一些信息并将它交给函数使用,这称为将信息传递给函数。举例: function playBall(batterup) 变量batterup是函数的参数。可以给函数传递任何数据,包括文本字符串、数字或其他JavaScript对象。 一个函数可以有多个参数。 function currentScore(hometeam,visitors)

3.2 将值传递给函数 通过将值传递给setSquare()函数使脚本更容易阅读和理解。见课本脚本3-4

3.3 探测对象 在编写脚本时,可能希望检查浏览器是否有能力理解你要使用的对象。进行这种检查的方法称为对象探测。 方法是对要寻找的对象进行条件测试,如下所示: If(document.getElementById){ 如果对象存在,If语句就为true。如果浏览器不能理解这个对象,就返回false。

3.3 探测对象 window.onload = initAll; function initAll() { if (document.getElementById) { for (var i=0; i<24; i++) { setSquare(i); } else { alert("Sorry, your browser doesn't support this script"); function setSquare(thisSquare) { var currSquare = "square" + thisSquare; var newNum = Math.floor(Math.random() * 75) + 1; document.getElementById(currSquare).innerHTML = newNum;

3.4 处理数组 数组(Array)对象 格式:对象名 = new Array([元素个数]) 或 对象名 = new Array([值1[,值2,…]]) 例如:fruit=new Array(2) 声明了有2个元素的数组 fruit=new Array(“苹果”,”橘子”) 声明了有2个 数组元素的数组,并赋值。

3.4 处理数组 属性:index:数组元素的索引值。 length:数组长度(数组元素个数)。 方法:join():将数组内的所有值组合成一个字符串,并用特定符号分开。 toString():以字符串来表示数组和数组值。 reverse():将数组内元素的索引次序翻转过来 举例:见课本脚本3-6

3.5 处理有返回值的函数 到目前为止,你看到的所有函数都只是做某些事情,然后返回。但有时候,希望函数返回某种结果。脚本3-7通过将前面示例中的一些计算转移到一个函数中,这个函数为Bingo卡片上的单元格返回随机数,然后另一个函数使用它返回的结果,这使整个脚本更容易理解了。

3.5 处理有返回值的函数 function getNewNum() { return Math.floor(Math.random() * 15); } 这行代码计算一个0~14的随机数并返回它。在可以使用变量或数字的任何地方,都可以使用这个函数。

3.6  更新数组 举例:见课本脚本3-8

3.7 使用do/while循环 语法:while (<逻辑表达式>) {语句组} 举例: <Script> var i = 5; while ( i > 0 ) { document.write("i = " ,i ,"<BR>"); i--; } </Script>

3.7 使用do/while循环 语法:do { 语句或语句组 }while (<逻辑表达式>) 举例: <Script> var i = 5; do { document.write("i = " ,i ,"<BR>"); i--; } while ( i > 0 ) </Script>

3.8  以多种方式调用脚本 在本书中到目前为止,你看到的脚本都是在装载页面时自动运行的。但是在现实环境中,常常希望让用户对脚本有更多的控制能力,甚至允许他们控制脚本在何时运行。在这个示例中(脚本3-10),脚本仍然在装载页面时运行。但是,还允许用户点击页面底部的链接来重新运行脚本,这样就可以完全在浏览器中生成Bingo卡片,而不需要从服务器重新装载页面。这向用户提供了快速的响应,而且不会产生服务器负载。这是最后一个Bingo卡片示例,其中包含本章前面使用的所有技术。

3.8  以多种方式调用脚本 举例: 见课本脚本3-10

3.9 组合使用JavaScript和CSS 见课本脚本3-11

3.10 检查状态 检查Bingo卡片是否构成获胜模式。 示例见课本脚本3-12

3.11 处理字符串数组 见课本脚本3-13