第六讲 JavaScript 语言.pptVIP

第六讲 JavaScript 语言;作业四：用JavaScript完成一个计算器;主要内容;背景;理解JavaScript;JavaScript与其他语言比较;JavaScript与Java的比较;基本工作方式;客户端和服务器端的JavaScript;主要能力;无能为力之处;典型例子--1: 文档内容和表现;典型例子--2: 浏览器行为;典型例子--3: 和内容的作用;典型例子--4: 和用户的交互;典型例子--5-1: 建立cookie;典型例子--5-2: 收回cookie;典型例子--6: 摆弄图像;JavaScript语言基本要素（1）;数据类型;变量与表达式;数据类型转换;表达式与操作符;表达式与操作符 （ cont‘d);语言基本要素(2);对象模型 ;JavaScript 的内置对象;对应于HTML文档及其相关环境的对象--文档对象;JavaScript的文档对象模型;JavaScript的文档对象模型(cont‘d);对象引用;对象引用（cont‘d);Window对象: 从浏览器程序的角度来看它;Window对象: 从浏览器程序的角度来看它;举例:; 用户对象的定义;with 语句: 程序的简便写法;对象与数组;对象与数组 (cont’d);对象与数组 (cont’d);JavaScript的Math 对象;JavaScript的Math 对象(cont’d);JavaScript的Date 对象;JavaScript的Date 对象(cont’d);JavaScript的String对象;JavaScript的String对象(cont’d) ;事件模型;Navigator4的事件模型;Navigator4的事件模型(cont’d);事件处理程序的引入;例子: 让事件处理程序作为“属性值”;例子: (see demo event-1);例子: 定时事件的应用;HEADSCRIPT language=JavaScript var text = Welcome to PACT group at Peking University!; var len = text.length; var width= 50; var pos = 1 - width; var timerrunning = false; var xxx=null; function scrollText() { pos++; var scroller = ; if (pos == len) { pos = 1-width; } if (pos0) { // 下面的算法确定scroller, 形成动画效果 for (var i=1; i=Math.abs(pos); i++) { scroller += ; } scroller += text.substring(0,width-i+1); } else { scroller += text.substring(pos,width+pos); } window.status = scroller; xxx = setTimeout(“scrollText()”,100); // 100毫秒后再执行 } /SCRIPT/HEAD ;与表格(FORM)有关事件的例子;与FORM元素有关事件的例子;关于图像;例子: clock.html