第三章1 教程.ppt

第三章 JavaScript脚本语言;课程目标;什么是JavaScript;Javascript和Java的区别;Javascript语言特点; htmlheadtitle The First Example: Hello, World /title/headbodyh2 This line is HTML /h2script language=JavaScript!--document.write(Hello, World.This sentence is written using JavaScript.);// Text on the right of 2 slashes is comment/* This is commentthat occur more than 1 line*///--/scriptnoscriptSorry, but your browser doesnt run JavaScript./noscripth2 This line is HTML /h2/body/html;JavaScript作为客户端程序嵌入网页;使用Script标记示例;JavaScript 位置;使用外部文件示例;在事件处理程序中使用JavaScript示例;JavaScript的作用和基本语法规则;注意事项;JavaScript保留字 ;为将来保留的词;使用Alert/Confirm/Write方法;变量;声明变量;变量的作用域;3.2.2数据类型;3.2.2数据类型;数组;创建数组;数组的定义;数组赋值;访问数组元素;运算符;算术运算符;比较运算符;逻辑运算符 ;字符串运算符;求值运算符;表达式;条件语句;循环语句;For循环;For..in..循环与对象;For..in..循环与对象;While循环;return(m ); } /script /head body script type=text/javascript //设函数BreakTest参数breakpoint值为23，得到从1加到22的合计 。 document.write(BreakTest (23 )) /script /body /html;函数;函数示例;对象;使用对象;对象操作语句;this语句;for . . . in 语句;new语句;with语句;eval语句;字符串对象;字符串对象的属性和方法;字符串对象示例;Anchor方法;math对象;math对象示例;Date对象;Date对象方法;parse 方法;UTC 方法;Date对象示例;数组对象的元素和方法;事件对象概念;事件的生命周期;Event对象的主要属性;;JavaScript事件;onClick事件示例;onChange事件示例;onFocus/onBlur事件示例;onMouseOver/onMouseOut事件示例;onLoad事件示例;onMouseDown/onMouseUp事件示例;onResize事件示例;onSubmit事件;处理事件;HTML 标记事件处理程序示例;以属性的形式出现的事件处理程序示例;通用浏览器对象;文档对象模型;● Window 对象;Window对象的属性：; ※open(url,WindowName,parameterlist):创建一个新窗口。※close():关闭一个窗口。※alert(text):警告窗口。※confirm(text):弹出确认域。※promt(text,Defaulttext):弹出提示框。※setTimeout(表达式，时间)定时设置。※clearTimeout(timer)：取消以前的设定。※setInterval(表达式，时间):设定一个时间间隔。;Window对象的方法 (2); ※back(): 后退。※forward(): 前进。※home(): 返回主页。※stop(): 停止装载网页。※print(): 打印网页。※frame: 帧。※status: 状态栏信息。;Window对象的方法 (4);示例;●位置对象(Location);●历史对象(History);● Document 对象;Document 对象属性;document中三个主要的对象;（１）anchor锚对象：;（２）链接links对象;（３）窗体（Form）对象;Form对象事件与属性;例：文本框不能为空 ;1.引用表单域 ;例: 计算某种控件的数目;disabled属性;document对象中的attribute属性 ;（１）链接颜色：a