第2.3 JavaScript技术 知识 WEB开发技术 知识.ppt

JavaScript编程技术 ;主要内容 ;1. JavaScript简介 ;;网页中引入JavaScript ;2. 变量与数组 ;变量命名需要遵守以下六个规则;变量;数组;使用数组;3. 表达式与运算符 ;运算符的优先级;HTMLBODY SCRIPT LANGUAGE=JavaScript document.write(3*2=+3*2+br); document.write(3/2=+3/2+br); document.write(3%2=+3%2+br);//取余数 document.write(truefalse=+(truefalse)+br); document.write(true||false=+(true||false)+br); document.write(!false=+!false+br); var strHello = 网页编程; var strResult = 你好，; strResult += strHello; //等价于：strResult = strResult + strHello; document.write(你好，+网页编程=+strResult+br); a = (43) ? 5 : 7; document.write((43)?5:7=+a+br); /SCRIPT /BODY/HTML 例：operat.htm;关于数据类型;数据类型的转换;数据类型的转换;数据类型的转换;数据类型的转换;数据类型的转换;4. 控制语句;if语句;switch语句;for 语句;while 语句;do…while 语句;break语句;continue语句;对象处理语句;;; 5. JavaScript函数 ;;函数定义和调用;函数的返回值;函数案例;系统函数;escape函数和unescape函数;eval()函数;parseInt函数和parseFloat函数 ;parseInt函数和parseFloat函数;isNaN函数和isFinite函数;6. JavaScript事件 ;指定事件处理程序;指定事件处理程序;指定事件处理程序;常用事件及处理;常用事件及处理;常用事件及处理;常用事件及处理;常用事件及处理;常用事件及处理;常用事件及处理;案例：动态按钮 ;HTMLBODY SCRIPT LANGUAGE=JavaScript function DoOver(oimg) { var imgSRC; imgSRC = Edit_ + oimg.name + _Over.gif; oimg.src = images/ + imgSRC; } function DoOut(oimg) { var imgSRC; imgSRC = Edit_ + oimg.name + .gif; oimg.src = images/ + imgSRC; } /SCRIPT TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 tr tdimg name=New SRC=images/Edit_New.gif onmouseover=DoOver(this) onmouseout=DoOut(this) alt=新建 onclick=alert(新建) style=CURSOR: hand/td tdimg name=Open SRC=images/Edit_Open.gif onmouseover=DoOver(this) onmouseout=DoOut(this) alt=打开 onclick=alert(打开) style=CURSOR: hand/td …… /TR /TABLE /BODY/HTML hoverbotton.htm;7. JavaScript对象 ; （1）JavaScript内置对象 ;Number对象;Array对象;Array对象;Array对象;Array对象;Date对象;Date对象;Date对象;Date对象;案例1;案例2：网页时钟