《javascript实例.ppt》由会员分享，可在线阅读，更多相关《javascript实例.ppt（19页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、1自定义函数q定义函数：function 函数名(参数1,参数2，)语句;q调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名“函数名”;function sum(one,two)var result=one+two;return result;表示单击此按钮时，调用函数sum()执行2函数的应用?界面设计?如何获取值?如何显示值?值的转换待解决的问题3函数的应用 num1num2result4定义函数 JavaScript 代码 function compute(op)var num1,num2;num1=parseFloat(document.myform.num1.val
2、ue);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=/&num2!=0)document.myform.result.value=num1/num2 ;定义函数compute()，完成计算的功能。op参数代表运算符号 5调用函数 第一个数 第二个数 计算结
3、果 JavaScript对象q对象是一种复合的、复杂的对象是一种复合的、复杂的数据类型，是属性和数据类型，是属性和方法的集合。方法的集合。q对象的属性可以是任何类型的数据，包括数字、对象的属性可以是任何类型的数据，包括数字、字符、布尔型、数组、函数，甚至是其他对象。字符、布尔型、数组、函数，甚至是其他对象。q对象的方法是一个集成在对象中的函数，用于完对象的方法是一个集成在对象中的函数，用于完成特定的功能。成特定的功能。7JavaScript 系统(内置)对象q三类对象三类对象(系统系统)浏览器对象浏览器对象浏览器对象浏览器对象 脚本对象脚本对象脚本对象脚本对象 HTML HTML 对象对象对象
4、对象 l浏览器窗口windowl文档 documentlurl地址等lString字符串对象lDate日期对象lMath数学对象等 各种HTML标签:l段落l图片l超链接等JavaScript自定义对象q创建对象创建对象q创建空对象方法：创建空对象方法：varvar obExample=new Object();obExample=new Object();q创建时间对象方法：创建时间对象方法：varvar obTime=new Date();obTime=new Date();q使用直接量语法创建对象：使用直接量语法创建对象：var student=var student=name:“nam
5、e:“张兴华张兴华”,age:“25”age:“25”，gender:“male”gender:“male”q操作对象的属性操作对象的属性q创建一个空对象：创建一个空对象：var student=new Object();var student=new Object();q设置对象的一个属性：设置对象的一个属性：student.namestudent.name=“XXX=“XXX”;q读取对象的属性：读取对象的属性：document.writeln(“document.writeln(“学生姓名：学生姓名：”+student.name);student.name);10系统对象实例_Date
6、对象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()12Date 对象10-2qData 方法的分组：方法分组方法分组说说 明明 setxxx这些方法用于设置时间和日期值getxxx 这些方法用于获取时间和日期值Toxxx这些方法用于从 Date 对象返回字符串值parsexxx&UTCxx这些方法用
7、于解析字符串13Date 对象10-3q用作 Date 方法的参数的整数：值值整整 数数 Seconds 和和 minutes0 至至 59 Hours0 至至 23 Day0 至至 6（星期（星期几）几）Date1 至至 31（月份中的天数）（月份中的天数）Months0 至至 11（一月（一月至十二月）至十二月）14Date 对象10-4qSet 方法：方法方法说明说明setDate设置 Date 对象中月份中的天数，其值介于 1 至 31 之间。setHours设置 Date 对象中的小时数，其值介于 0 至 23 之间。setMinutes设置 Date 对象中的分钟数，其值介于 0
8、至 59 之间。setSeconds设置 Date 对象中的秒数，其值介于 0 至 59 之间。setTime设置 Date 对象中的时间值。setMonth设置 Date 对象中的月份，其值介于 1 至 12 之间。15Date 对象10-5qGet 方法：方法方法说明说明getDate返回 Date 对象中月份中的天数，其值介于 1 至 31 之间getDay返回 Date 对象中的星期几，其值介于 0 至 6 之间getHours返回 Date 对象中的小时数，其值介于 0 至 23 之间getMinutes返回 Date 对象中的分钟数，其值介于 0 至 59 之间getSeconds
9、返回 Date 对象中的秒数，其值介于 0 至 59 之间getMonth返回 Date 对象中的月份，其值介于 0 至11 之间getFullYear返回 Date 对象中的年份，其值为四位数getTime返回自某一时刻（1970 年 1 月 1 日）以来的毫秒数16Date 对象10-6方方 法法说说 明明 ToGMTString使用格林尼治标准时间(GMT)数据格式将 Date 对象转换成字符串表示ToLocaleString使用当地时间格式将 Date 对象转换成字符串表示qTo 方法：qParse 方法和 UTC 方法 方方 法法说说 明明Date.parse(date string
10、)用日期字符串表示自 1970 年 1 月 1 日以来的毫秒数 Date.UTC(year,month,day,hours,min.,secs.)Date 对象中自 1970 年 1 月 1 日以来的毫秒数 17Date对象 qsetTimeout的用法：setTimeout（“调用的函数”,”定时的时间”）例：var myTimesetTimeout（”disptime()”,1000）;clearTimeout（myTime）;本例的时间可以采用定时显示，使用定时器函数，每隔1秒调用disptime()函数显示时间每隔1000毫秒调用函数disptime()执行关闭定时器18Date 对象
11、10-8JavaScript 代码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 10)/如果分钟只有1位，补0显示 minute=0+minute;if(second 10)/如果秒数只有1位，补0显示 second=
12、0+second;document.myform.myclock.value=hour+:+minute+:+second+apm;var myTime=setTimeout(disptime(),1000);无边框的文本框myclock使用定时器函数，每隔1秒调用disptime()函数刷新显示获得小时、分钟、秒根据12小时制调整时间和AM/PM标志确保分钟和秒显示位数为 2 位var myTime=setTimeout(disptime(),1000);设置定时器每隔1秒（1000毫秒），调用函数disptime()执行，刷新时钟显示 19Date对象 设置样式：无边框的文本框Onload()事件，页面加载就调用函数：disptime（显示时间）