JavaScript核心语言对象(33)课件.ppt

1、来自 中国最大的资料库下载 JavaScript 核心语言对象来自 中国最大的资料库下载回顾q声明一个变量x，初值为10，对应的js代码？qalert(10“30”)；显示为什么效果？q将字符串转换为整数，使用哪个函数？var x=“c”，var y;switch（x）case “a”:y=5;case b:y=6;default:y=0;指出代码错误2来自 中国最大的资料库下载目标q使用数组q使用循环语句控制应用程序q创建自定义函数 q理解 JavaScript 对象 q使用 String、Math 和 Date 等对象 3来自 中国最大的资料库下载数组 4-1q声明数组 var 数组名数组

2、名 =new Array(数组大小数组大小););例：例：var emp=new Array(3)q添加元素 emp0=“AA;emp1=“BB;emp2=“CC;AABBCCemp 也可以声明数组并赋初值：例：例：var emp=new Array(“AA”，“BB”，“CC”)；4来自 中国最大的资料库下载使用数组var emp=new Array(3);emp0=Ryan Dias;emp1=Graham Browne;emp2=David Greene;document.write(数组emp中的数据为:);document.write(emp0+);document.write(em

3、p1+);document.write(emp2+);数组 4-2 5来自 中国最大的资料库下载数组 4-3 q 常用属性 length：返回数组中元素的个数q 常用方法方方 法法说说 明明join将数组中的元素组合成字符串reverse颠倒数组元素的顺序，使第一个元素成为最后一个，而最后一个元素成为第一个sort对数组元素进行排序6来自 中国最大的资料库下载var emp=new Array(3);emp0=Ryan Dias;emp1=Graham Browne;emp2=David Greene;emp.sort();document.write(“排序结果是：);document.wr

4、ite(emp0+);document.write(emp1+);document.write(emp2+);数组排序 4-2 7来自 中国最大的资料库下载循环 qfor循环qdo-whileqwhile 8来自 中国最大的资料库下载For 循环演示document.write(打印金字塔直线);for(var i=0;i100;i=i+5)document.write();q for循环例：var i;for(i=0;i10;i+)/语句;for 循环如何实现当i=5 时，9来自 中国最大的资料库下载 .myfont font-size:150;color:#c99c96;font-fami

5、ly:Webdings /产生埃及图像的特殊字体产生埃及图像的特殊字体 document.write(每个字符都对应一个漂亮的埃及图像每个字符都对应一个漂亮的埃及图像);do var c=prompt(输入一个字符，输入输入一个字符，输入N 或或n停止停止,A);document.write(+c+);while(c!=N&c!=n);qwhile循环 while(循环条件)/语句；qdowhile循环 do /语句；while(循环条件);while和dowhile循环先执行，后判断循环条件先执行，后判断循环条件输入一个字符，直到N停止，用哪个循环10来自 中国最大的资料库下载JavaScr

6、ipt 函数内置函数内置函数 q eval 函数：用于计算字符串表达式的值 q isNaN 函数：用于验证参数是否为 NaN（非数字）JavaScript 代码var str1=prompt(“输入一个表达式，我给您计算,1+1);var result=eval(str1);document.write(str1+=+result);var x=prompt(输入一些数据,0);if(isNaN(x)alert(x+不是一个数字);else alert(x+是一个数字);11来自 中国最大的资料库下载自定义函数q 定义函数：function 函数名(参数1,参数2，)语句;q 调用函数：函数调

7、用一般和表单元素的事件一起使用，调用格式为：事件名“函数名”;function sum(one,two)var result=one+two;return result;表示单击此按钮时，调用函数sum()执行12来自 中国最大的资料库下载函数的应用 num1num2result13来自 中国最大的资料库下载定义函数 JavaScript 代码 function compute(op)var num1,num2;num1=parseFloat(document.myform.num1.value);num2=parseFloat(document.myform.num2.value);if(o

8、p=+)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参数代表运算符号 14来自 中国最大的资料库下载调用函数 第一个数 第二个数 计算结果 15来自 中国最大的资料库下载JavaScript 对象简介 2-1q

9、对象是属性和/方法的组合q 属性是对象所拥有的一组外观特征，一般为名词 q 方法是对象可以执行的功能，一般为动词 例如：汽车Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车16来自 中国最大的资料库下载JavaScript 对象简介2-2q三类对象三类对象 浏览器对象浏览器对象 脚本对象脚本对象 HTML 对象对象 l浏览器窗口windowl文档 documentlurl地址等lString字符串对象lDate日期对象lMath数学对象等 各种HTML标签:l段落l图片l超链接等17来自 中国最大的资料库下载String 对象 3-1创建字符串有两种不同方法：q使用

10、var 语句 var newstr=“这是我的字符串这是我的字符串q创建 String 对象var newstr=new String(“这是我的字符串这是我的字符串)18来自 中国最大的资料库下载String 对象 3-2名名 称称说说 明明属性length返回字符串的长度 方法big()增大字符串文本 blink()使字符串文本闪烁（IE 浏览器不支持）bold()加粗字符串文本 fontcolor()确定字体颜色 italics()用斜体显示字符串 indexOf(“子字符串”，起始位置)查找子字符串的位置strike()显示加删除线的文本 sub()将文本显示为下标 toLowerCa

11、se()将字符串转换成小写 toUpperCase()将字符串转换成大写 语法：indexOf(“查找的子字符串”，查找的起始位置)返回子字符串所在的位置，如果没找到，返回 1例如：var xvar y=“abcdefg”;x=y.indexOf(“c”,0);/返回结果为2，起始位置是019来自 中国最大的资料库下载 function checkEmail()var e=document.myform.email.value;if(e.length=0)/检测长度是否为0，即是否为空 alert(电子邮件不能为空!);return;if(e.indexOf(,0)=-1)/检测是否包含”符号

12、 alert(电子邮件格式不正确n必须包含符号！);return;if(e.indexOf(.,0)=-1)/检测是否包含”.”符号 alert(电子邮件格式不正确n必须包含.符号！);return;document.write(恭喜您！，注册成功！欢迎进入古城热线！);检查电子邮件emailemail是否包含“”和”.”String 对象 3-3返回结果-1表示没找到“”字符20来自 中国最大的资料库下载Math 对象 2-1名称名称 说说 明明属性PI 的值，约等于 3.1415LN1010 的自然对数的值，约等于 2.302EEuler 的常量的值，约等于 2.718。Euler 的常量

13、用作自然对数的底数abs(y)返回 y 的绝对值sin(y)返回 y 的正弦，返回值以弧度为单位。cos(y)返回 y 的余弦，返回值以弧度为单位tan(y)返回 y 的正切，返回值以弧度为单位 min(x,y)返回 x 和 y 两个数中较小的数 max(x,y)返回 x 和 y 两个数中较大的数 random返回0-1的随机数方法round(y)四舍五入取整sqrt(y)返回 y 的平方根Math.random()：产生：产生01的随机小数的随机小数Math.round()：四舍五入取整，如：四舍五入取整，如9.34 取整为取整为921来自 中国最大的资料库下载自动刷新 document.w

14、rite(2秒自动刷新，随机显示图片);var i=0;i=Math.round(Math.random()*8+1);document.write();Math 对象 2-2假定随机产生的数字i=3，上述代码即为：显示第三幅图片（3.jpg）如何实现每隔2秒刷新网页Math.round(Math.random()*8+1)产生1-9的数字22来自 中国最大的资料库下载Date 对象10-1 qDate 对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数var 日期对象=new Date(年、月、日等参数)例：var mydate=new Date(“July 2

15、9,1998,10:30:00”)如果没有参数，表示当前日期和时间例：var today=new Date()23来自 中国最大的资料库下载Date 对象10-2qData 方法的分组：方法分组方法分组说说 明明 setxxx这些方法用于设置时间和日期值getxxx 这些方法用于获取时间和日期值Toxxx这些方法用于从 Date 对象返回字符串值parsexxx&UTCxx这些方法用于解析字符串24来自 中国最大的资料库下载Date 对象10-3q用作 Date 方法的参数的整数：值值整整 数数 Seconds 和和 minutes0 至至 59 Hours0 至至 23 Day0 至至 6（

16、星期（星期几）几）Date1 至至 31（月份中的天数）（月份中的天数）Months0 至至 11（一月（一月至十二月）至十二月）25来自 中国最大的资料库下载Date 对象10-4qSet 方法：方法方法说明说明setDate设置 Date 对象中月份中的天数，其值介于 1 至 31 之间。setHours设置 Date 对象中的小时数，其值介于 0 至 23 之间。setMinutes设置 Date 对象中的分钟数，其值介于 0 至 59 之间。setSeconds设置 Date 对象中的秒数，其值介于 0 至 59 之间。setTime设置 Date 对象中的时间值。setMonth设置

17、 Date 对象中的月份，其值介于 1 至 12 之间。26来自 中国最大的资料库下载Date 对象10-5qGet 方法：方法方法说明说明getDate返回 Date 对象中月份中的天数，其值介于 1 至 31 之间getDay返回 Date 对象中的星期几，其值介于 0 至 6 之间getHours返回 Date 对象中的小时数，其值介于 0 至 23 之间getMinutes返回 Date 对象中的分钟数，其值介于 0 至 59 之间getSeconds返回 Date 对象中的秒数，其值介于 0 至 59 之间getMonth返回 Date 对象中的月份，其值介于 0 至11 之间get

18、FullYear返回 Date 对象中的年份，其值为四位数getTime返回自某一时刻（1970 年 1 月 1 日）以来的毫秒数27来自 中国最大的资料库下载Date 对象10-6方方 法法说说 明明 ToGMTString使用格林尼治标准时间(GMT)数据格式将 Date 对象转换成字符串表示ToLocaleString使用当地时间格式将 Date 对象转换成字符串表示qTo 方法：qParse 方法和 UTC 方法 方方 法法说说 明明Date.parse(date string)用日期字符串表示自 1970 年 1 月 1 日以来的毫秒数 Date.UTC(year,month,day

19、,hours,min.,secs.)Date 对象中自 1970 年 1 月 1 日以来的毫秒数 28来自 中国最大的资料库下载var now=new Date();var hour=now.getHours();if(hour=0&hour 12&hour18&hour 24)document.write(晚上好!);document.write(今天日期:+now.getYear()+年“+(now.getMonth()+1)+月+now.getDate()+日);document.write(现在时间:+now.getHours()+点+now.getMinutes()+分);Date对

20、象 10-7如何实现获得当前日期和时间获得小时，即当前是几点判断上午、下午还是晚上月份数字011，注意129来自 中国最大的资料库下载Date对象 10-8qsetTimeout的用法：setTimeout（“调用的函数”,”定时的时间”）例：var myTimesetTimeout（”disptime()”,1000）;clearTimeout（myTime）;本例的时间可以采用定时显示，使用定时器函数，每隔1秒调用disptime()函数显示时间每隔1000毫秒调用函数disptime()执行关闭定时器30来自 中国最大的资料库下载Date 对象10-8JavaScript 代码funct

21、ion 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=0+second;document.myfo

22、rm.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()执行，刷新时钟显示 31来自 中国最大的资料库下载Date对象 10-10设置样式：无边框的文本框Onload()事件，页面加载就调用函数：disptime（显示时间）32来自 中国最大的资料库下载总结qArray对象常用的属性是length，排序方法：sortq循环语句分为：for 循环、while循环、do-while循环qEval()函数可以计算某个计算表达式的值，isNaN()函数可用于判断是否是一个数字 qString对象的indexOf()方法用于查找子字符串 qMath对象的random()方法可以产生01的随机数qDate对象有setxxx()方法用于设置日期和时间，getxxx()方法用于获得日期和时间33