javascript实例.ppt

1 自定义函数q 定义函数： function 函数名( 参数1,参数2， ) 语句; q 调用函数： 函数调用一般和表单元素的事件一起使用，调用格式为： 事件名“函数名” ; function sum ( one, two) var result = one + two; return result; 表示单击此按钮时 ，调用函数sum( ) 执行 2 函数的应用 ?界面设计 ?如何获取值 ?如何显示值 ?值的转换 待解决的问题 3 函数的应用 num1 num2 result 4 定义函数 JavaScript 代码 function compute(op) var num1,num2; num1=parseFloat(document.myform.num1.value); num2=parseFloat(document.myform.num2.value); if (op=“+“) document.myform.result.value=num1+num2 ; if (op=“-“) document.myform.result.value=num1-num2 ; if (op=“*“) document.myform.result.value=num1*num2 ; if (op=“/“ 定义函数compute( )，完成 计算的功能。op参数代表运 算符号 5 调用函数 第一个数 第二个数 计算结果 JavaScriptJavaScript对象对象 qq对象是一种复合的、复杂的对象是一种复合的、复杂的数据类型，是属性和数据类型，是属性和 方法的集合。方法的集合。 qq对象的属性可以是任何类型的数据，包括数字、对象的属性可以是任何类型的数据，包括数字、 字符、布尔型、数组、函数，甚至是其他对象。字符、布尔型、数组、函数，甚至是其他对象。 qq对象的方法是一个集成在对象中的函数，用于完对象的方法是一个集成在对象中的函数，用于完 成特定的功能。成特定的功能。 7 JavaScript 系统(内置)对象 q三类对象(系统) 浏览器对象 脚本对象 HTML 对象 l浏览器窗口window l文档 document lurl地址等 lString字符串对象 lDate日期对象 lMath数学对象等 各种HTML标签: l段落 l图片 l超链接等 JavaScriptJavaScript自定义对象自定义对象 qq创建对象创建对象 qq创建空对象方法：创建空对象方法：varvar obExample = new Object(); obExample = new Object(); qq创建时间对象方法：创建时间对象方法：varvar obTime = new Date(); obTime = new Date(); qq使用直接量语法创建对象：使用直接量语法创建对象： var student = var student = name: “ name: “张兴华张兴华” ”, , age: “25” age: “25”， gender: “male”gender: “male” qq操作对象的属性操作对象的属性 qq创建一个空对象：创建一个空对象：var student = new Object();var student = new Object(); qq设置对象的一个属性：设置对象的一个属性： = “XXX = “XXX” ”; ; qq读取对象的属性：读取对象的属性： document.writeln(“document.writeln(“学生姓名：学生姓名：” ” + + ); ); 10 系统对象实例_Date 对象 11 系统对象实例_Date 对象 qDate 对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数 var 日期对象 = new Date (年、月、日等参数) 例： var mydate=new Date( “July 29, 1998,10:30:00 ”) 如果没有参数，表示当前日期和时间 例： var today = new Date( ) 12 Date 对象10-2 qData 方法的分组： 方法分组说 明 setxxx这些方法用于设置时间和日期值 getxxx 这些方法用于获取时间和日期值 Toxxx这些方法用于从 Date 对象返回字符串值 parsexxx clearTimeout（myTime）; 本例的时间可以采用定时显示，使用定时器函 数，每隔1秒调用disptime( )函数显示时间 每隔1000毫秒调用函数 disptime( )执行 关闭定时器 18 Date 对象10-8 JavaScript 代码 function disptime( ) var time = new Date( ); /获得当前时间 var hour = time.getHours( ); /获得小时、分钟、秒 var minute = time.getMinutes( ); var second = time.getSeconds( ); var apm=“AM“; /默认显示上午: AM if (hour12) /按12小时制显示 hour=hour-12; apm=“PM“ ; if (minute 无边框的文本框myclock 使用定时器函数，每 隔1秒调用disptime( )函数刷新显示 获得小时、分钟、秒 根据12小时制调整时间 和AM/PM标志 确保分钟和秒显示 位数为 2 位 var myTime = setTimeout(“di