网页设计课件

1、课题目标,解释什么是HTML HTML特点 解释HTML文档结构 HTML文档中各标记的使用 网页页面的背景色 超链接 字体样式 有序、无序列表 图像 表格,1,学习交流PPT,初识HTML,HTML是使用SGML（标准通用标记语言）定义的，它提供了一种将文本、图象、声音、动画结合在一个称为网页的文档中的方法。 HTML（Hypertext Markup Language)超文本标记语言 HTML基于两个概念： 超文本：它提供了一种将同一文档不同部分或不同文档之间的信息联系起来的机制。 标记语言：标记指的是HTML文档中的一些特殊的标记。这些标记（标识符）用于控制网页出版的文档格式、字符格式、

2、段落格式等，还包括为达到网页交互效果而对脚本语言、java小程序等的支持和调用,2,学习交流PPT,HTML的特点,HTML是一个简单但功能强大的语言。它的简单性使得任何人都可以利用它来创建自己的网页 通过超链接和URL，一个网页可以和其它网页相互连接起来。这样，使用者只要单击相应的超链接就可以访问其它网页中的相关信息 利用URL，HTML甚至可以通过Telnet、WAIS、Gopher、或Email链接到其它文档 HTML允许在HTML文档中结合多媒体文件。如果浏览器可以播放音频或视频文件，那么使用者可以通过单击来欣赏它们 可以使用任何一个文本编辑器进行编写。,3,学习交流PPT,动态HTM

3、L(DHTML),动态HTML是一种概念，是一种通过各种技术的综合发展而得以实现的 概念。 动态HTML包括3部分内容：HTML规范、Script语言（javaScript和VBScript，其中javaScript使用更为广泛） 和CSS(Cascading Style Sheets 层叠样式表）。,4,学习交流PPT,HTML文档的结构,5,学习交流PPT,HTML文档的结构,一个HTML文档由一系列标识符组成，这些标识符均包含在尖括号中，而且成对出现。 一个HTML文档总是由标识符开始，结束，当中包含两大部份 头部： 主体：,6,学习交流PPT,HTML文件示例,文件源代码如下： 我的第

4、一个HTML文件 文件头 HTML还是很好学的 我的第一个网页 例2-1,7,学习交流PPT,HTML语言语法,每个标记都括在一对尖括号内 标记都有一个开始标记和一个结束标记 有些标记不需要结束标记，如 标记名不区分大小写，但是通常用大写以和普通正文区分 标记可以有属性的取值 如 有时需要在一对标记内嵌入其它的标记对以取得所需的显示效果 在HTML文档中进行注释，使用 在脚本代码中使用/,8,学习交流PPT,文档头部分使用的标识符,1、指示文档的标题。 2、 有两个属性：name 和 http-equiv name属性用于描述网页 http-equiv属性相当于http文件头，可以直接影响网页

5、的传输 例： 说明生成工具 关键词 对主页进行描述 所用文字及语言等 补,9,学习交流PPT,网页的页面属性,背景色、背景图片、网页文字颜色、链接颜色 属性值: bgcolor:背景色 text: 非可链接文字的颜色 link:：可链接 文字的颜色 alink:正被单击的可链接文字的颜色 vlink：已经单击（访问）过的可链接文字的颜色 # 代表颜色，用16进制的“红-绿-蓝”来表示 如link=#0000ff 蓝色 ff0000红 00ff00绿 red green blue yellow white black gray teal青蓝色 aqua浅蓝色 lime浅绿色 olive橄榄色 m

6、aroon栗色 fuchsia紫红色 purple紫色,10,学习交流PPT,链接,跳转到不同网页 . 跳转到同一网页不同位置 . 要使用链接的地方 .,在链接到的地方 链接标识符有3个属性，如下：href: 链接所指向的文件的地址name: 引用锚点的名称target: 打开链接的目标窗口,11,学习交流PPT,字体样式,1、标题字体：大字号 2、字号、字形、颜色 Size: 17 Face:楷体、隶书、黑体、Arial等 Color:16进制颜色值 3、特殊字体 粗体 上标 斜体 下标 下划线 删除线,12,学习交流PPT,网页布局,1、设置标尺线 :设置标尺线的粗细，单位为像素 :设置宽

7、度，单位为像素或者窗口的百分比 :设置对齐方式，left,right,center 2、行的控制 换行 段落 强制一行文字不换行 文字的分区显示,13,学习交流PPT,网页布局,3、对齐方式 . . #值：left, right, center . 4、列表 无序列表 有序列表,14,学习交流PPT,网页布局,无序列表. 第一列（实心园点） 第二列（空心圆圈） 第三列（实心方块） ,15,学习交流PPT,网页布局,有序列表. 大写字母A,B 小写罗马数字i,ii, 大写罗马数字I,II 小写字母a,b 阿拉伯数字1,2 从5开始 从D开始,16,学习交流PPT,图像,HTML文档支持的图像文件

8、类型目前有3种： bmp文件 存储空间大，传输不够快，不常用。 jpg文件 常用 gif文件 常用，具有256色显示，存储空间小、支持动画效果、背景色可透明 src:图像的URL alt:在不支持图像的浏览器中显示的文字串 align:图像的对齐方式 width,height:图像显示的宽度和高度 border:图像的边框宽度,17,学习交流PPT,表格,基本语法： 开始表格 . 表格标题 定义表行 .定义表头（可省） .定义表元 ,18,学习交流PPT,表格外观,1、边框尺寸 border取值设置边框，默认值是0，没有有边框 2、表格尺寸设置 属性值的单位为像素或者百分比 3、表元间隙、表元

9、内部空白设置 各个单元格之间的间隔距离 单元格边框和单元内容的间隔 单位为像素,19,学习交流PPT,表格的标题,表格表题 align属性表示表格标题与表格的水平对齐方式 left:左对齐 center:居中对齐 right:右对齐 valign属性表示表格标题与表格的纵向对齐方式 top:标题在上（默认值） bottom:标题在下,20,学习交流PPT,表格的背景颜色和背景图像, 或 或 或 ,21,学习交流PPT,表格边框的颜色, 表格边框颜色的亮度基本语法： #取值都是16进制RGB颜色数码,22,学习交流PPT,表格边框的显示状态,显示全部边框 只显示上边框 只显示下边框 只显示上下边

10、框 只显示左边框 只显示右边框 只显示左右边框 全部边框都不显示,23,学习交流PPT,表格中分隔线的显示,显示所有分隔线 只显示行与行的分隔线 只显示列与列的分隔线 所有分隔线都不显示,24,学习交流PPT,跨多行多列的表格,定义跨多列的表格语法： 或 n为要跨的列数 定义跨多行的表格，语法： 或 ,25,学习交流PPT,控制表格内文字的布局,水平对齐 left center right 纵向对齐 top middle bottom 表格在网页中的布局 ,26,学习交流PPT,总结,什么是HTML HTML的特点 HTML语言的结构和特点 HTML语言中的各标记符 网页页面的背景色 超链接

11、字体样式 有序、无序列表 图像 表格,27,学习交流PPT,第二章,多窗口结构和表单,28,学习交流PPT,课题目标,多窗口结构 表单 文本框 提交和重置按钮 下拉选择框 复选框 单选按钮,29,学习交流PPT,多窗口结构,使用框架（frame)可以实现多窗口结构 基本语法如下： 和:标识框架 :指出框架中显示的文件的地址 和:用于不支持框架结构的浏览器 ,30,学习交流PPT,设置各窗口的尺寸,纵向排列多个窗口的基本语法： 横向排列多个窗口的基本语法： 赋值方式： 以像素为单位 如50，50，50 以占浏览窗口的百分比为单位 如：30%，20%，* 倍数关系 如：1，1，2 其中*表示取剩余

12、值,31,学习交流PPT,框架各窗口之间的关系,框架结构的每一个窗口都可以有一个名字。每个窗口中的链接都可以在框架结构中的任何一个窗口中打开。这利用链接的target属性实现。 特殊值： Target=_blank 链接目标网页在新窗口中打开 Target=_self 链接目标网页在本窗口中打开 Target=_parent 链接目标网页在父窗口中打开 Target=_top 链接目标网页在整个浏览器窗口中打开,32,学习交流PPT,设置边框的外观,1、各窗口边框的有无 #: yes no 或者1 0 默认是有（yes或1) 2、各窗口间空白区域大小 3、边框颜色 4、滚动条的有无 yes n

13、o auto(默认值) 案例,33,学习交流PPT,表单 Form,表单是一个网页上表单域的一个集合。 表单可以使网页具有交互性。 表单有一个表单处理程序，它是从表单收集信息的方法，一旦用户提交了表单，表单处理程序就开始运作，表单处理程序是表单上数据的脚本，它可以： 存储用户在表单域中提交的数据 使用用户提交的数据更新数据库 将数据传递到站点上的一个Web页,34,学习交流PPT,Form的基本结构,Form都是以标识符开始，以标识符结束 可以将多个form元素放在同一对标识符和中，不必加一个元素就放一对标识符。 有4种基本的标识符： 产生收集简单信息的form形式，radio,check 产

14、生下拉菜单的form形式 给出每个菜单选项 产生用于多行文本输入的form形式,35,学习交流PPT,Form的基本结构,form的基本结构如下： . 其中，*的取值有text,password,checkbox,radio,image,hidden,submit,reset *的取值用于脚本进行相应处理时的识别名称，即表单处理程序中用的。,36,学习交流PPT,表单元素下拉菜单, 内容1 内容2 . Size,value,multiple,text,selectedIndex,options,37,学习交流PPT,表单元素复选框, Make coffee Spill coffee Outla

15、w smiling. Start rumors about Kristin Talk about Mart with Matt Look over ,38,学习交流PPT,表单元素单选按钮, 香蕉 苹果 桔子 可以用checked属性设置单选按钮中默认的被选取选项,39,学习交流PPT,表单元素按钮, 普通按钮 Submit可以直接向服务器传送信息 reset可以重新设置 图像化按钮 align: center,top,bottom（图像与文本的当前行的对齐方式）,40,学习交流PPT,表单元素文本输入,文字输入的基本语法： 密码输入的基本语法： value可省 设置输入框的宽度的基本语法：

16、设置输入内容的最大输入宽度基本语法： ,41,学习交流PPT,表单元素文本输入,Form的元素可以设置为隐藏，基本语法如下： Here is a hidden element. ,42,学习交流PPT,表单元素文本输入,设置较大的文本输入区域基本语法为： . rows属性值为行数，cols属性值为列数 可以设置对输入文本是否进行换行，默认值是不换行 . 软换行 . 硬换行 ,43,学习交流PPT,设置移动的文字Marquee,基本语法： . 设置文字移动的方向： direction属性：left,right,up,down 设置文字移动的方式： behavior属性：scroll,slide,

17、alternate 设置文字的循环次数： loop属性：数值，若未指定或取值为infinite则循环不止,44,学习交流PPT,设置移动的文字Marquee,设置文字移动的速度： Scrollamount属性：数值（象素） 设置文字的移动延时： Scrolldelay属性：单位毫秒 设置移动文字的外观： bgcolor属性：16进制数表示的RGB的颜色值 设置移动文字的宽度、高度 height,width属性：单位象素或者百分比 hspace,vspace属性：文字周围的空白区域,45,学习交流PPT,、,标识符用来定义Script脚本代码，所有脚本代码都要放入到和标识符中 标识符用来引用外部

18、的Java Applet小程序 . 标识符用来定义样式表代码,46,学习交流PPT,样式表简介,什么是样式表 用于描述文档如何在屏幕上显示 W3C推荐的样式表标准包括CSS和XSL CSS主要用于HTML XSL主要用于XML CSS是一种用来装饰HTML的标记集合，是对HTML标记的一种扩展，可以进一步美化HTML页面,47,学习交流PPT,样式表形式,嵌入式样式表 内联样式（使用style属性） 级联样式（使用style标记） 外部样式表（将样式表作为文件）,48,学习交流PPT,样式表规则,用法： RuleSelector property:value;property: value;

19、. ,规则选择器,声明,属性,属性值,49,学习交流PPT,样式表中的选择器,简单选择器(仅描述元素，而不考虑该元素在文档结构中的位置) HTML选择器-选择器是HTML标记的名称 类选择器使用HTML元素的CLASS属性 ID选择器使用HTML元素的ID属性 上下文选择器(引用元素的上下文),50,学习交流PPT,HTML选择器示例, Pfont-style:italic; font-weight:bold; color:limegreen 这些选择器使用HTML元素的名称唯一的区别是删除了尖括号。 ,51,学习交流PPT,类选择器示例, .water color:blue .danger

20、color:red 测试水 测试危险 无样式 斜体 ,52,学习交流PPT,ID选择器示例, ID选择器 #control color:red 这是火焰的颜色 本段没有应用样式 ,53,学习交流PPT,上下文选择器示例, 上下文选择器 BODYcolor:blue;background:lavender;font-family:Arial; UL color:red 芒果桔子苹果 芒果桔子苹果 ,54,学习交流PPT,链接外部样式表,使用Link元素 使用import import “*.css”; ,55,学习交流PPT,在HTML中引用样式表,Style元素 Style属性 Link元素,

21、56,学习交流PPT,总结,多窗口结构 表单 文本框 提交和重置按钮 下拉选择框 复选框 单选按钮 移动文字 特殊标识符 ,57,学习交流PPT,第二部分,JavaScript 脚本语言,58,学习交流PPT,第一章,JavaScript概述,59,学习交流PPT,课题目标,JavaScript简介 JavaScript脚本语言中的基本数据类型、表达式、算术运算符 JavaScript脚本语言的基本框架结构 JavaScript脚本语言的内部函数,60,学习交流PPT,什么是JavaScript,JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全

22、性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。,61,学习交流PPT,JavaScrip语言特点,1、是一种脚本编写语言 它采用小程序段的方式实现编程 2、基于对象的语言 它能运用自己已经创建的对象 ，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 3、简单性 首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡,62,学习交流PPT,JavaSc

23、rip语言特点,4、安全性 它不允许访问本地的硬盘，不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。 5、动态性 它可以直接对用户或客户输入做出响应，无须经过Web服务程序 6、跨平台性 JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行,63,学习交流PPT,JavaScript的作用和基本语法规则,使用 JavaScript 的各种功能，可以增强站点的动态性和交互性。 提供用户交互 动态更改内容 验证数据 与其他任何语言一样，JavaScript 也遵循一些基本的语

24、法规则，如： 区分大小写 使用成对的符号 使用注释 / /*多行*/,64,学习交流PPT,哪些浏览器支持JavaScript,Netscape 在他的第二版浏览器中首次介绍了 JavaScript ，紧接着微软 Microsoft 也在他的浏览器 IE 3.0（Internet Explorer version 3）中提供了 JavaScript 的支持。如此这般，其它的浏览器也陆陆续续的开始支持 JavaScript 了。随着新版本的浏览器不断的扩展 HTML，JavaScript 也在不断地升级以适应 HTML 的扩展。,65,学习交流PPT,JavaScript作为客户端程序嵌入网页,

25、使用Script标记 使用外部文件 在事件处理程序中使用JavaScript,66,学习交流PPT,编写第一个JavaScript程序, ,67,学习交流PPT,使用外部文件示例, 祝学有所成! ,document.write(嗨！你好吗？),test.js,68,学习交流PPT,在事件处理程序中使用JavaScript示例, JavaScript示例 ,69,学习交流PPT,JavaScript语言说明,1、脚本代码 2、注释部分 /脚本代码中的注释 3、脚本代码放置的位置 之间 之间 4、脚本语言JavaScript对变量名区分大小写 Number number是两个变量,70,学习交流P

26、PT,使用Alert/Confirm/Write方法,使用窗口的Alert方法，可以生成一个对话框 使用窗口的Confirm方法，可以生成一个确认对话框 使用document的Write方法可以创建页面内容, ,71,学习交流PPT,变量,变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值 变量的命令约定 变量名必须以字母或下划线 (_) 开头 变量名可以包含数字 由于JavaScript区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符,72,学习交流PPT,声明变量,var new_amount; var answer = null; var old_cost

27、= 12.50; var result =Unknown result; var a, b, c; result = true;,73,学习交流PPT,变量的作用域,74,学习交流PPT,数据类型,在JavaScript中有四种基本的数据类型 基本类型属于弱类型,75,学习交流PPT,运算符,算术运算符 比较运算符 逻辑运算符 字符串运算符 求值运算符,76,学习交流PPT,算术运算符,77,学习交流PPT,比较运算符,78,学习交流PPT,逻辑运算符,79,学习交流PPT,字符串运算符,x = yellow; y = green; z = x + y + white; 则z为yellowgr

28、eenwhite w = y + 9; 则w为green9,80,学习交流PPT,求值运算符,通常这些运算符包括： 条件运算符： (condition) ? trueVal : falseVal typeof 运算符 typeof 运算符返回字符串，该字符串代表操作数的类型,var x = 5; document.write(typeof(x);,status = (age = 18) ? adult : minor,81,学习交流PPT,表达式,表达式用于在不同上下文中操作和计算变量。 表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。 表达式类型 算术：计算结果为一个数字 逻辑

29、：计算结果为一个布尔值 字符串：计算结果为一个字符串 表达式通过运算符组合变量和文字,82,学习交流PPT,数组,数组用于存储具有相同数据类型的一组值，使用下标（索引）来区分各个值。 在JavaScript中，数组的下标以零开始。 JavaScript没有明确的数组数据类型，但却有内置的数组对象。要在程序中使用数组，必须使用数组对象及其相关联的方法。,83,学习交流PPT,创建数组,语法： arrayObjectName = new Array(element0, element1, ., elementN) 初始化 1.将指定的值作为其元素 2.使用arrayName = new Array

30、(N),对象名,元素值列表,84,学习交流PPT,数组赋值,在创建数组时将元素的值直接赋给数组。 对数组的元素赋值。, ,85,学习交流PPT,访问数组元素,指定元素名 指定元素的索引号,empRyan Dias emp0,86,学习交流PPT,数组对象的元素和方法,length属性 sort方法 join方法 reverse方法, ,87,学习交流PPT,多维数组, ,88,学习交流PPT,条件语句,if else语句 switch语句,if (condition) statements; else statements2; ,switch (expression) case value1:

31、 statements; break; case value2: statements; break; . default :statements; ,89,学习交流PPT,循环语句,for dowhile while break continue,90,学习交流PPT,函数,预定义函数 eval 函数 isNaN 函数 用户自定义函数 创建用户定义的函数 调用函数 return 语句,function funcName(argument1,argument2,etc) statements; ,91,学习交流PPT,对象,对象中包含定义对象自身的属性（变量）及用于处理数据的方法（函数）。 要

32、访问对象属性，必须指定对象名及属性： objectNpertyName 要访问对象方法，必须指定对象名及需要的方法： objectName.method(),92,学习交流PPT,使用对象,创建网页时，可以插入： 浏览器对象 内置脚本语言对象（根据使用的脚本语言的不同而不同） HTML 元素 也可以创建自已的对象，并在程序中使用。,93,学习交流PPT,对象操作语句,JavaScript是一种基于对象（Object-Based）的语言，而不是面对对象（object-oriented）的语言。 JavaScript中的对象操作语句： this语句 forin语句 with语句 ne

33、w语句,94,学习交流PPT,this语句,this语句的值指示当前对象，并且可以拥有标准属性，如名称、长度以及相应的值。 只能用在函数作用域或其调用引用内。 用法：this.属性名, function dispname(name) alert(欢迎进入JavaScript世界, + name); 输入您的名字： ,95,学习交流PPT,for . . . in 语句,for in语句用于在对象的各个属性，或数组的各个元素之间循环 用法： for (variable in object) statements; , color = new Array(红色,蓝色,绿色); for (var p

34、rop in color) var record = color ; record+=prop+=+colorprop + ; document.write(record); ,96,学习交流PPT,new语句,new操作符用于新建对象类型实例。 用法 objectName = new objectType (param1,param2 .,paramN), function employee(name, code, designation) = name this.code = code this.designation = designation newemp = ne

35、w employee(John Dias, A001, 职员); document.write(雇员姓名： + + ); document.write(雇员代号： + newemp.code + ); document.write(头衔： + newemp.designation); ,97,学习交流PPT,with语句,with语句用于执行一组语句，所有这些语句都假定引用指定的对象。 用法 with (object) statements; , var a, b, c; var r=10; with (Math) a = PI * r * r; b = r * cos

36、(PI); c = r * sin(PI/2); document.write (a +); document.write (b +); document.write (c +); ,98,学习交流PPT,字符串对象,字符串对象用于操纵和处理文本字符串。 用法 stringNpertyNamestringName.methodName 创建字符串的方法 使用var语句，并对为其赋值（可选） 使用赋值运算符 (=) 及变量名 使用string ( ) 构造函数,99,学习交流PPT,字符串对象的属性和方法,属性 length 方法 Big indexOf(ch,start) Bli

37、nk substring(start,end) Bold toLowerCase() Fontcolor toUpperCase() Italics substr(start,length) Small lastIndexOf(string,start) ,100,学习交流PPT,字符串对象示例, var bstr = 大号; var sstr = 小号; var blstr = 粗体; var blkstr = “闪烁”; var ucase = 大写; var lcase = 小写; document.write (这是+ bstr.big() + 文本); document.write

38、(这是+ sstr.small() +文本); document.write (这是+ blstr.bold() + 文本); document.write (这是+ blkstr.blink() + 文本); document.write (这是+ ucase.toUpperCase() + 文本); document.write (这是+ lcase.toLowerCase() + 文本); ,101,学习交流PPT,math对象,Math 对象拥有可用于表示复杂数学运算的属性和方法 属性 PI LN10 E 方法 abs(number) sin(number) cos(number) ,

39、102,学习交流PPT,math对象示例, function doCalc(x) var a; a = Math.PI * x * x; alert (半径为 + x + + 的圆的面积为 + + a); 输入圆的半径： ,103,学习交流PPT,Date对象,Date 是内置对象，包含日期和时间信息。 Date 对象无属性，但有许多方法可以用来设置、获取和操作日期 用法： DateObject = new Date (parameters),104,学习交流PPT,Date对象方法,set方法组 get方法组 to方法组 parse和UTC方法组 getYear():返回年 getMonth

40、()返回月 011 getDate()返回日 getDay()返回星期数 0日-6六 getHours()返回小时 023 getMintes()返回分钟 059 getSecdonds()返回秒数 getTime()返回毫秒数,105,学习交流PPT,Date对象示例, 2003年的圣诞节是星期 + daynamethedate.getDay(); thedate.setYear(2004); document.write(2004年的圣诞节是星期 + daynamethedate.getDay(); /- ,106,学习交流PPT,事件对象概念,事件可以由用户生成，也可以由系统生成 每个事

41、件都有与之相关联的Event对象 Event 对象提供下列信息： 事件类型 事件发生时光标的位置 Event 对象可以用作事件处理程序的一部分,107,学习交流PPT,事件的生命周期,事件的生命周期通常包含下列阶段： 与发生的事件相关联的用户操作或条件 立即更新 Event 对象以反映事件的状态 触发事件 调用相关联的事件处理程序 事件处理程序执行其操作并返回,108,学习交流PPT,JavaScript事件,onClick onChange onFocus onBlur onMouseOver onMouseOut onLoad onSubmit onMouseDown onMouseUp,

42、109,学习交流PPT,onClick事件示例, 请输入表达式： 结果： ,110,学习交流PPT,onChange事件示例, function checkNum(num) if (num = ) alert(请输入一个数字值); return false; if (isNaN (num) alert(请输入一个数字值); return false; else alert (谢谢！); 请输入一个数字： ,111,学习交流PPT,onFocus/onBlur事件示例, ,112,学习交流PPT,onMouseOver/onMouseOut事件示例, var num =0; function s

43、howLink(num) if (num=1) document.forms0.elements0.value= 您选择了Aptech; if (num=2) document.forms0.elements0.value = 您选择了Asset; if (num=3) document.forms0.elements0.value = 您选择了Arena; Aptech Asset Arena ,113,学习交流PPT,onLoad事件示例, 您好 function hello() alert(您好); ,114,学习交流PPT,onMouseDown/onMouseUp事件示例, ,115,学习交流PPT,onResize事件示例, window.onresize= notify; function notify() alert(窗口大小调整完毕！); 请调整窗口的大小。 ,116,学习交流PPT,处理事件,为响应事件而执行的JavaScript代码段称为事件处理程序 事件处理程序分为： HTML 标记事件处理程序 以属性的形式出现的事件处理程序 object.eventhandler = function;,117,学习交流PPT,HTML 标记事件处理程序示例, 我的主页 ,118,学习交流PPT,以属性的形式出现的事件处理