JavaScript核心对象.ppt

JavaScript核心对象,PHPChina 工作室,知识回顾,声明一个变量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 等对象,循环,for循环 do-while while,for循环 例： var i; for (i=0; i10; i+) / 语句; ,for 循环, For 循环演示 document.write(打印金字塔直线); for (var i= 0; i); ,for 循环,如何实现,当i=5 时，,while循环 while(循环条件) /语句； dowhile循环 do /语句； while(循环条件);,while和dowhile循环,先执行，后判断循环条件, .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和dowhile循环,输入一个字符，直到N停止，用哪个循环,JavaScript 函数,内置函数 eval 函数： 用于计算字符串表达式的值 isNaN 函数：用于验证参数是否为 NaN（非数字）, 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 + 是一个数字); ,自定义函数,定义函数： function 函数名( 参数1,参数2， ) 语句; 调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名“函数名” ;,function sum ( one, two) var result = one + two; return result; ,表示单击此按钮时，调用函数sum( )执行,函数的应用,num1,num2,result,定义函数,定义函数compute( )，完成计算的功能。op参数代表运算符号,调用函数, 第一个数 第二个数 计算结果 ,JavaScript 对象简介 2-1,对象是属性和/方法的组合 属性是对象所拥有的一组外观特征，一般为名词 方法是对象可以执行的功能，一般为动词 例如：汽车,对象：汽车,属性：型号：法拉利 颜色：绿色,方法：前进、刹车、倒车,String 对象,创建字符串有两种不同方法 ： 使用 var 语句 var newstr = “这是我的字符串 创建 String 对象 var newstr = new String (“这是我的字符串),String相关函数,属性：length 方法： charAt indexOf substr toLowerCase eval,Math 对象 2-1,Math.random( ) ：产生01的随机小数 Math.round( )：四舍五入取整，如9.34 取整为9,Math 对象 2-2,如何实现, 自动刷新 document.write(2秒自动刷新，随机显示图片); var i=0; i=Math.round(Math.random( )*8+1); document.write(); ,假定随机产生的数字i=3，上述代码即为： 显示第三幅图片（3.jpg）,每隔2秒刷新网页,Math.round(Math.random( )*8+1) 产生1-9的数字,Date 对象10-2,Data 方法的分组：,Date 对象10-3,用作 Date 方法的参数的整数：,Date 对象10-4,Set 方法：,Date 对象10-5,Get 方法：,Date 对象10-6,To 方法：,Parse 方法和 UTC 方法,Date对象 10-7,如何实现, var now= new Date( ); var hour = now.getHours( ); if (hour=0 ,获得当前日期和时间,获得小时，即当前是几点,判断上午、下午还是晚上,月份数字011，注意1,Date 对象10-9,var myTime = setTimeout(“disptime( )”,1000);设置定时器每隔1秒（1000毫秒），调用函数disptime( )执行，刷新时钟。,根据12小时制调整时间和AM/PM标志,Date对象 10-10, ,设置样式：无边框的文本框,Onload ( ) 事件，页面加载就调用函数：disptime （显示时间）,数组 4-1,声明数组 var 数组名 = new Array(数组大小); 例： var emp = new Array(3) 添加元素 emp0 = “AA; emp1 = “BB; emp2 = “CC;,emp,也可以声明数组并赋初值： 例： 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 ：返回数组中元素的个数 常用方法, 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-4,课堂重点,Array对象常用的属性是length，排序方法：sort 循环语句分为：for 循环、while循环、do-while循环 Eval( )函数可以计算某个计算表达式的值， isNaN( )函数可用于判断是否是一个数字 String对象的indexOf( )方法用于查找子字符串 Math对象的random( )方法可以产生01的随机数 Date对象有setxxx( )方法用于设置日期和时间，getxxx( )方法用于获得日期和时间,谢 谢,