JavaScript 语法基础2.ppt

《JavaScript 语法基础2.ppt》由会员分享，可在线阅读，更多相关《JavaScript 语法基础2.ppt（33页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第八章第八章JavaScript 核心语言对象回顾声明一个变量x，初值为10，对应的js代码？alert(10“30”)；显示为什么效果？将字符串转换为整数，使用哪个函数？var x=“c”，var y;switch（x）case “a”:y=5;case b:y=6;default:y=0;指出代码错误目标使用数组使用循环语句控制应用程序创建自定义函数 理解 JavaScript 对象 使用 String、Math 和 Date 等对象 数组 4-1声明数组 var 数组名数组名 =new Array(数组大小数组大小););例：例：var emp=new Array(3)添加元素 emp0

2、=“AA;emp1=“BB;emp2=“CC;AABBCCemp 也可以声明数组并赋初值：例：例：var emp=new Array(“AA”，“BB”，“CC”)；使用数组var emp=new Array(3);emp0=Ryan Dias;emp1=Graham Browne;emp2=David Greene;document.write(数组emp中的数据为:);document.write(emp0+);document.write(emp1+);document.write(emp2+);数组 4-2 数组 4-3 常用属性 length：返回数组中元素的个数常用方法方方 法法说

3、说 明明join将数组中的元素组合成字符串reverse颠倒数组元素的顺序，使第一个元素成为最后一个，而最后一个元素成为第一个sort对数组元素进行排序var emp=new Array(3);emp0=Ryan Dias;emp1=Graham Browne;emp2=David Greene;emp.sort();document.write(“排序结果是：);document.write(emp0+);document.write(emp1+);document.write(emp2+);数组排序 4-2 循环 for循环do-whilewhile For 循环演示document.wr

4、ite(打印金字塔直线);for(var i=0;i100;i=i+5)document.write();q for循环例：var i;for(i=0;i10;i+)/语句;for 循环如何实现当i=5 时，.myfont font-size:150;color:#c99c96;font-family:Webdings /产生埃及图像的特殊字体产生埃及图像的特殊字体 document.write(每个字符都对应一个漂亮的埃及图像每个字符都对应一个漂亮的埃及图像);do var c=prompt(输入一个字符，输入输入一个字符，输入N 或或n停止停止,A);document.write(+c+)

5、;while(c!=N&c!=n);qwhile循环 while(循环条件)/语句；qdowhile循环 do /语句；while(循环条件);while和dowhile循环先执行，后判断循环条件先执行，后判断循环条件输入一个字符，直到N停止，用哪个循环JavaScript 函数内置函数内置函数 eval 函数：用于计算字符串表达式的值 isNaN 函数：用于验证参数是否为 NaN（非数字）JavaScript 代码var str1=prompt(“输入一个表达式，我给您计算,1+1);var result=eval(str1);document.write(str1+=+result);va

6、r x=prompt(输入一些数据,0);if(isNaN(x)alert(x+不是一个数字);else alert(x+是一个数字);自定义函数定义函数：function 函数名(参数1,参数2，)语句;调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名“函数名”;function sum(one,two)var result=one+two;return result;表示单击此按钮时，调用函数sum()执行函数的应用 num1num2result定义函数 JavaScript 代码 function compute(op)var num1,num2;num1=parseF

7、loat(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=/&num2!=0)document.myform.result.value=num1/num2 ;定义函数compute()，完成计算的功能。o

8、p参数代表运算符号 调用函数 第一个数 第二个数 计算结果 JavaScript 对象简介 2-1对象是属性和/方法的组合属性是对象所拥有的一组外观特征，一般为名词 方法是对象可以执行的功能，一般为动词 例如：汽车Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车JavaScript 对象简介2-2q三类对象三类对象 浏览器对象浏览器对象浏览器对象浏览器对象 脚本对象脚本对象脚本对象脚本对象 HTML HTML 对象对象对象对象 l浏览器窗口windowl文档 documentlurl地址等lString字符串对象lDate日期对象lMath数学对象等 各种HTML标签

9、:l段落l图片l超链接等String 对象 3-1创建字符串有两种不同方法：使用 var 语句 var newstr=“这是我的字符串这是我的字符串创建 String 对象var newstr=new String(“这是我的字符串这是我的字符串)String 对象 3-2名名 称称说说 明明属性length返回字符串的长度 方法big()增大字符串文本 blink()使字符串文本闪烁（IE 浏览器不支持）bold()加粗字符串文本 fontcolor()确定字体颜色 italics()用斜体显示字符串 indexOf(“子字符串”，起始位置)查找子字符串的位置strike()显示加删除线的文

10、本 sub()将文本显示为下标 toLowerCase()将字符串转换成小写 toUpperCase()将字符串转换成大写 语法：indexOf(“查找的子字符串”，查找的起始位置)返回子字符串所在的位置，如果没找到，返回 1例如：var xvar y=“abcdefg”;x=y.indexOf(“c”,0);/返回结果为2，起始位置是0 function checkEmail()var e=document.myform.email.value;if(e.length=0)/检测长度是否为0，即是否为空 alert(电子邮件不能为空!);return;if(e.indexOf(,0)=-1)

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

12、数的底数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 取整为取整为9自动刷新 document.write(2秒自动刷新，随机显示图片);

13、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的数字Date 对象10-1 Date 对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数var 日期对象=new Date(年、月、日等参数)例：var mydate=new Date(“July 29,1998,10:30:00”)如果没有参数，表示当前日期和时间例：v

14、ar today=new Date()Date 对象10-2Data 方法的分组：方法分方法分组组说说 明明 setxxx这些方法用于设置时间和日期值getxxx 这些方法用于获取时间和日期值Toxxx这些方法用于从 Date 对象返回字符串值parsexxx&UTCxx这些方法用于解析字符串Date 对象10-3用作 Date 方法的参数的整数：值值整整 数数 Seconds 和和 minutes0 至至 59 Hours0 至至 23 Day0 至至 6（星期（星期几）几）Date1 至至 31（月份中的天数）（月份中的天数）Months0 至至 11（一月（一月至十二月）至十二月）Dat

15、e 对象10-4Set 方法：方法方法说说明明setDate设置 Date 对象中月份中的天数，其值介于 1 至 31 之间。setHours设置 Date 对象中的小时数，其值介于 0 至 23 之间。setMinutes设置 Date 对象中的分钟数，其值介于 0 至 59 之间。setSeconds设置 Date 对象中的秒数，其值介于 0 至 59 之间。setTime设置 Date 对象中的时间值。setMonth设置 Date 对象中的月份，其值介于 1 至 12 之间。Date 对象10-5Get 方法：方法方法说说明明getDate返回 Date 对象中月份中的天数，其值介于

16、1 至 31 之间getDay返回 Date 对象中的星期几，其值介于 0 至 6 之间getHours返回 Date 对象中的小时数，其值介于 0 至 23 之间getMinutes返回 Date 对象中的分钟数，其值介于 0 至 59 之间getSeconds返回 Date 对象中的秒数，其值介于 0 至 59 之间getMonth返回 Date 对象中的月份，其值介于 0 至11 之间getFullYear 返回 Date 对象中的年份，其值为四位数getTime返回自某一时刻（1970 年 1 月 1 日）以来的毫秒数Date 对象10-6方方 法法说说 明明 ToGMTString使

17、用格林尼治标准时间(GMT)数据格式将 Date 对象转换成字符串表示ToLocaleString使用当地时间格式将 Date 对象转换成字符串表示To 方法：Parse 方法和 UTC 方法 方方 法法说说 明明Date.parse(date string)用日期字符串表示自 1970 年 1 月 1 日以来的毫秒数 Date.UTC(year,month,day,hours,min.,secs.)Date 对象中自 1970 年 1 月 1 日以来的毫秒数 var now=new Date();var hour=now.getHours();if(hour=0&hour 12&hour18

18、&hour 24)document.write(晚上好!);document.write(今天日期:+now.getYear()+年“+(now.getMonth()+1)+月+now.getDate()+日);document.write(现在时间:+now.getHours()+点+now.getMinutes()+分);Date对象 10-7如何实现获得当前日期和时间获得小时，即当前是几点判断上午、下午还是晚上月份数字011，注意1Date对象 10-8setTimeout的用法：setTimeout（“调用的函数”,”定时的时间”）例：var myTimesetTimeout（”dis

19、ptime()”,1000）;clearTimeout（myTime）;本例的时间可以采用定时显示，使用定时器函数，每隔1秒调用disptime()函数显示时间每隔1000毫秒调用函数disptime()执行关闭定时器Date 对象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(h

20、our12)/按12小时制显示 hour=hour-12;apm=PM ;if(minute 10)/如果分钟只有1位，补0显示 minute=0+minute;if(second 10)/如果秒数只有1位，补0显示 second=0+second;document.myform.myclock.value=hour+:+minute+:+second+apm;var myTime=setTimeout(disptime(),1000);无边框的文本框myclock使用定时器函数，每隔1秒调用disptime()函数刷新显示获得小时、分钟、秒根据12小时制调整时间和AM/PM标志确保分钟和秒显

21、示位数为 2 位var myTime=setTimeout(disptime(),1000);设置定时器每隔1秒（1000毫秒），调用函数disptime()执行，刷新时钟显示 Date对象 10-10设置样式：无边框的文本框Onload()事件，页面加载就调用函数：disptime（显示时间）总结Array对象常用的属性是length，排序方法：sort循环语句分为：for 循环、while循环、do-while循环Eval()函数可以计算某个计算表达式的值，isNaN()函数可用于判断是否是一个数字 String对象的indexOf()方法用于查找子字符串 Math对象的random()方法可以产生01的随机数Date对象有setxxx()方法用于设置日期和时间，getxxx()方法用于获得日期和时间