北大青鸟.软件工程师HTMLTP.ppt
第八章,JavaScript 核心语言对象,2,回顾,声明一个变量x，初值为10，对应的js代码？alert(10“30”)；显示为什么效果？将字符串转换为整数，使用哪个函数？,var x=“c”，var y;switch（x）case“a”:y=5;case b:y=6;default:y=0;,指出代码错误,3,目标,使用数组使用循环语句控制应用程序创建自定义函数 理解 JavaScript 对象 使用 String、Math 和 Date 等对象,4,数组 4-1,声明数组 var 数组名=new Array(数组大小);例：var emp=new Array(3)添加元素 emp0=“AA;emp1=“BB;emp2=“CC;,emp,也可以声明数组并赋初值：例：var emp=new Array(“AA”，“BB”，“CC”)；,5,使用数组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,6,数组 4-3,常用属性 length：返回数组中元素的个数常用方法,7,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,8,循环,for循环do-whilewhile,9,For 循环演示document.write(打印金字塔直线);for(var i=0;i);,for循环例：var i;for(i=0;i10;i+)/语句;,for 循环,如何实现,当i=5 时，,10,.myfont font-size:150;color:#c99c96;font-family:Webdings/产生埃及图像的特殊字体 document.write(每个字符都对应一个漂亮的埃及图像);do var c=prompt(输入一个字符，输入N 或n停止,A);document.write(+c+);while(c!=N,while循环 while(循环条件)/语句；dowhile循环 do/语句；while(循环条件);,while和dowhile循环,先执行，后判断循环条件,输入一个字符，直到N停止，用哪个循环,11,JavaScript 函数,内置函数 eval 函数：用于计算字符串表达式的值 isNaN 函数：用于验证参数是否为 NaN（非数字）,12,自定义函数,定义函数：function 函数名(参数1,参数2，)语句;调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名“函数名”;,function sum(one,two)var result=one+two;return result;,表示单击此按钮时，调用函数sum()执行,13,函数的应用,num1,num2,result,14,定义函数,定义函数compute()，完成计算的功能。op参数代表运算符号,15,调用函数,第一个数 第二个数 计算结果,16,JavaScript 对象简介 2-1,对象是属性和/方法的组合属性是对象所拥有的一组外观特征，一般为名词 方法是对象可以执行的功能，一般为动词 例如：汽车,对象：汽车,属性：型号：法拉利颜色：绿色,方法：前进、刹车、倒车,17,JavaScript 对象简介2-2,三类对象,浏览器对象,脚本对象,HTML 对象,浏览器窗口window文档 documenturl地址等,String字符串对象Date日期对象Math数学对象等,各种HTML标签:段落图片超链接等,18,String 对象 3-1,创建字符串有两种不同方法：使用 var 语句 var newstr=“这是我的字符串创建 String 对象var newstr=new String(“这是我的字符串),19,String 对象 3-2,语法：indexOf(“查找的子字符串”，查找的起始位置)返回子字符串所在的位置，如果没找到，返回 1例如：var xvar y=“abcdefg”;x=y.indexOf(“c”,0);/返回结果为2，起始位置是0,20,function checkEmail()var e=;if(e.length=0)/检测长度是否为0，即是否为空 alert(电子邮件不能为空!);return;if(e.indexOf(,0)=-1)/检测是否包含”符号 alert(电子邮件格式不正确n必须包含符号！);return;if(e.indexOf(.,0)=-1)/检测是否包含”.”符号 alert(电子邮件格式不正确n必须包含.符号！);return;document.write(恭喜您！，注册成功！欢迎进入古城热线！);,检查电子邮件email是否包含“”和”.”,String 对象 3-3,返回结果-1表示没找到“”字符,21,Math 对象 2-1,Math.random()：产生01的随机小数Math.round()：四舍五入取整，如9.34 取整为9,22,自动刷新 document.write(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的数字,23,Date 对象10-1,Date 对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数,var 日期对象=new Date(年、月、日等参数),例：var mydate=new Date(“July 29,1998,10:30:00”)如果没有参数，表示当前日期和时间例：var today=new Date(),24,Date 对象10-2,Data 方法的分组：,25,Date 对象10-3,用作 Date 方法的参数的整数：,26,Date 对象10-4,Set 方法：,27,Date 对象10-5,Get 方法：,28,Date 对象10-6,To 方法：,Parse 方法和 UTC 方法,29,var now=new Date();var hour=now.getHours();if(hour=0,Date对象 10-7,如何实现,获得当前日期和时间,获得小时，即当前是几点,判断上午、下午还是晚上,月份数字011，注意1,30,Date对象 10-8,setTimeout的用法：setTimeout（“调用的函数”,”定时的时间”）例：var myTimesetTimeout（”disptime()”,1000）;clearTimeout（myTime）;,本例的时间可以采用定时显示，使用定时器函数，每隔1秒调用disptime()函数显示时间,每隔1000毫秒调用函数disptime()执行,关闭定时器,31,Date 对象10-8,var myTime=setTimeout(disptime(),1000);设置定时器每隔1秒（1000毫秒），调用函数disptime()执行，刷新时钟显示,32,Date对象 10-10,设置样式：无边框的文本框,Onload()事件，页面加载就调用函数：disptime（显示时间）,33,总结,Array对象常用的属性是length，排序方法：sort循环语句分为：for 循环、while循环、do-while循环Eval()函数可以计算某个计算表达式的值，isNaN()函数可用于判断是否是一个数字 String对象的indexOf()方法用于查找子字符串 Math对象的random()方法可以产生01的随机数Date对象有setxxx()方法用于设置日期和时间，getxxx()方法用于获得日期和时间,
