Web技术应用基础_d06.pptVIP

第6章 JavaScript;JavaScript;; JavaScript是一种嵌入HTML文档中的、跨平台、基于对象和事件驱动的脚本语言，它即可以在客户端运行也可以运行在服务器上。 ;6.1.2 JavaScript特点 1. JavaScript是一种脚本语言 2.基于对象 3.事件驱动 4.动态 5. 安全 6.与平台无关 ;;;;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;;;;;例6.2 htmlhead title JavaScript嵌入HTML/title /head body script language=JavaScript document.write(Hello World!) /script /body/html;2.将JavaScript调入HTML文件 将JavaScript代码以扩展名“.js”单独存放 语法: script src=JavaScript文件名;;?为了使程序清晰易读，采用缩进格式来书写。 ?可以用两种方法进行注释。注释方法与C＋＋相同。 //：从注释标记“//”起直到行尾的字符都被忽略。 /* */：在“/*”与“*/”之间的字符都被忽略。 ;6.2.3 基本数据类型 1. 数据类型 ?数值型(整数和浮点数) ?字符型 ?布尔型(取值为true 或false ) ?空值 2. 常量 值保持不变的量 ;;;;;;2.switch 语句 switch(表达式){ case 值1： 语句集1 break case 值2： 语句集2 break … default: 语句集 break };;;;;;;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 对象属性和方法的引用 ;语法： 对象实例名[n] 例, MyStudent[0]= 000001 MyStudent[1]= 林琳 MyStudent[2]= 或： MyStudent[id]= 000001 MyStudent[name]= 林琳 MyStudent[url]= ;2.对象方法的引用 语法： 对象实例名.方法名称() 例如： MyStudent.display();;2. with 语句 语法 ： with(对象实例名){ 语句段 } 例： with(MyStudent){ id=000001 name=林琳 url= } ;;6.4.5 事件驱动与事件处理 onClick: 鼠标左键单击对象时发生 Onload: 网页载入浏览器时发生 onUnload: 用户离开当前页面时发生 onMouseOver:鼠标移到对象上时发生 onMouseOut:鼠标离开对象上时发生;6.4.6 例6.4 ;例6.4 html headtitleJavaScrip对象应用/title script l