Web技术应用基础.pptVIP

第2篇 Web客户端程序设计基础 6.1.2 JavaScript特点 脚本编写语言 基于对象的语言 事件驱动 安全性 动态性 跨平台 body onclick=ChangeImage() font face=隶书 color=blue size=6请单击页面/fontp div id=cat style=position:absolute;top:60px;left:60px img src=cat.gif width=80 hieght=80 br font size=5 color=redcat/font /div div id=dog style=position:absolute;top:60px;left:160px img src=dog.gif width=80 hieght=80br font size=5 color=reddog/font /div /body/html 脚本代码的位置 直接在html标记符内添加； 使用script标记符　 包含脚本的外部文件。 在HTML标记中直接写入JavaScript代码 例： HTML BODY P onmouseover=alert(欢迎您学习JavaScript!)鼠标移过来/P /BODY /HTML 在HTML文档中嵌入JavaScript代码 html head title…/title Script //可以在此加入JavaScript代码 /Script /head body Script //也可以在此加入JavaScript代码 Script /body /html 范例 html head title编写JavaScript脚本/title script Language=JavaScript //在页面上显示一句话 document.write(欢迎您学习JavaScript!); /script /head body /body /html ?为了使程序清晰易读，采用缩进格式来书写。 ?可以用两种方法进行注释。注释方法与C＋＋相同。 //：从注释标记“//”起直到行尾的字符都被忽略。 /* */：在“/*”与“*/”之间的字符都被忽略。 控制结构 条件（分支/选择）语句 a）if条件语句 6.3 函数 JavaScript包含两类函数： 系统函数 用户自定义函数 系统函数 1) 编码函数 功能：将字符串中非文字、数字字符（如,%,#,^,空格符…）转成相对应的ASCII值。 语法：escape(字符串) 2) 译码函数 功能：与escape()相反，将ASCII字符转回一般数字。 语法：unescape(字符串) 3) 求值函数 功能：通常有两个用途，一个用作字符串的运算，另一个用来指出操作对象。 语法：eval (表达式) 用户自定义函数 （1）格式： function 函数名（ 形式参数表 ） 　　　｛ 　　　　　函数体； [ return [表达式] ；] 　　　 ｝ 说明：函数由关键字function定义，函数值由return语句返回。 function：关键字，使解释程序知道后面定义函数 函数名：可以是任何合法的标识符 参数列表：函数的参数列表，多个参数用逗号分开 函数体： 函数执行的运算 6.4 JavaScript对象 6.4.1 JavaScript对象概述 对象具有: ?属性(properties) ?方法(methods) 3种对象: ?JavaScript内建对象 ?浏览器环境提供的对象 ?自定义对象 6.4.2 自定义对象 语法： function 对象名称(属性列表){ this.属性1=参数1 this.属性2=参数2 … this.方法1=函数名1 this.方法2=函数名2 … } 创建对象实例 语法： 对象实例名=new 对象名称(属性值列表) function student(id,name,url){ this.id=id =name this.url=url this.display=student_display } 6.4.3 对象属性和方法的引用 （2）通过对象实例的下标引用 语法： 对象实例名[n] 例, MyStudent[0]= 000001 MyStudent[1]= 林琳 MyStudent[2]= 或： MyStudent[id]= 000001 MyStu