《网页基础第6次课JavaScript对象》由会员分享，可在线阅读，更多相关《网页基础第6次课JavaScript对象（33页珍藏版）》请在金锄头文库上搜索。
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 数组名 = new Array(数组大小);例： var emp = new Array(3)
2、 q添加元素 emp0 = “AA“;emp1 = “BB“;emp2 = “CC“;AA BB CCemp也可以声明数组并赋初值：例： 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(emp1+“); document.write(emp2+“)
3、;数组 4-2 5数组 4-3 q 常用属性length ：返回数组中元素的个数q 常用方法方 法说说 明join将数组中的元素组合成字符串 reverse颠倒数组元素的顺序，使第一个元素成为最后一个，而最 后一个元素成为第一个 sort对数组元素进行排序6ACCP V4.0var emp = new Array(3); emp0 = “Ryan Dias“; emp1 = “Graham Browne“; emp2 = “David Greene“; emp.sort( ); document.write(“排序结果是：“); document.write(emp0+“); document
4、.write(emp1+“); document.write(emp2+“);数组排序 4-2 7循环 qfor循环qdo-whileqwhile 8For 循环演示document.write(“打印金字塔直线“); for (var i= 0; i“);q for循环 例： var i; for (i=0; i9.myfontfont-size:150;color:#c99c96;font-family:Webdings /产生埃及图像的特殊字体document.write(“每个字符都对应一个漂亮的埃及图像“); do var c = prompt(“输入一个字符，输入N 或n停止“,“
5、A“) ;document.write (“+c+“);while (c !=“N“ qwhile循环while(循环条件)/语句； qdowhile循环do/语句；while(循环条件);while和dowhile循环先执行，后判断循环条件输入一个字符，直 到N停止，用哪个循 环10JavaScript 函数内置函数 q eval 函数： 用于计算字符串表达式的值 q isNaN 函数：用于验证参数是否为 NaN（非数字）JavaScript 代码var str1=prompt(“输入一个表达式，我给您计算“,“1+1“); var result=eval(str1); document.w
6、rite(str1+“=“+result); var x = prompt(“输入一些数据“,“0“); if (isNaN(x) alert (x + “ 不是一个数字“); elsealert (x + “ 是一个数字“);11自定义函数q 定义函数：function 函数名( 参数1,参数2， ) 语句; q 调用函数： 函数调用一般和表单元素的事件一起使用，调用格式为： 事件名“函数名” ;function sum ( one, two) var result = one + two;return result; 表示单击此按钮时 ，调用函数sum( ) 执行12函数的应用 num1n
7、um2result13定义函数 JavaScript 代码function compute(op)var num1,num2;num1=parseFloat(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
8、*num2 ;if (op=“/“ 定义函数compute( )，完成 计算的功能。op参数代表运 算符号 14调用函数第一个数第二个数 计算结果 15JavaScript 对象简介 2-1q 对象是属性和/方法的组合 q 属性是对象所拥有的一组外观特征，一般为名词 q 方法是对象可以执行的功能，一般为动词 例如：汽车Ferrari对象：汽车属性：型号：法拉利 颜色：绿色方法：前进、刹车、倒车16JavaScript 对象简介2-2q三类对象 浏览器对象 脚本对象 HTML 对象 l浏览器窗口windowl文档 documentlurl地址等lString字符串对象lDate日期对象lMath
9、数学对象等各种HTML标签:l段落l图片l超链接等17String 对象 3-1创建字符串有两种不同方法 ： q使用 var 语句 var newstr = “这是我的字符串“ q创建 String 对象 var newstr = new String (“这是我的字符串“) 18String 对象 3-2名 称说说 明 属性length返回字符串的长度 方法big( )增大字符串文本 blink( )使字符串文本闪烁 （IE 浏览 器不支持） bold( )加粗字符串文本 fontcolor( )确定字体颜色 italics( )用斜体显示字符串 indexOf(“子字符串”，起始位置 )
10、查找子字符串的位置 strike( )显示加删除线的文本 sub( )将文本显示为下标 toLowerCase( )将字符串转换 成小写 toUpperCase( )将字符串转换 成大写 语法：indexOf(“查找的子字符串”，查找的起始位置)返回子字符串所在的位置，如果没找到，返回 1例如：var xvar y=“abcdefg”;x=y.indexOf(“c” , 0 ); /返回结果为2，起始位置是019function checkEmail( )var e=document.myform.email.value; if (e.length=0) /检测长度是否为0，即是否为空aler
11、t(“电子邮件不能为空!“);return ;if (e.indexOf(“,0)=-1) /检测是否包含”符号alert(“电子邮件格式不正确n必须包含符号！“);return ;if (e.indexOf(“.“,0)=-1) /检测是否包含”.”符号alert(“电子邮件格式不正确n必须包含.符号！“);return ;document.write(“恭喜您！，注册成功！欢迎进入古城热线！“); 检查电子邮件email 是否包含“”和”.”String 对象 3-3返回结果-1表示没 找到“”字符20Math 对象 2-1名称 说说 明 属性PI 的值， 约等于 3.1415 LN101
12、0 的自然对数的值，约等于 2.302 EEuler 的常量的值，约等于 2.718。Euler 的 常量用作自然对数的底数 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.r
13、ound( )：四舍五入取整，如9.34 取整为921自动刷新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的数字22Date 对象10-1 qDate 对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数var 日期对象 = new Date (
14、年、月、日等参数)例： var mydate=new Date( “July 29, 1998,10:30:00 ”) 如果没有参数，表示当前日期和时间 例： var today = new Date( ) 23Date 对象10-2qData 方法的分组： 方法分组组说说 明 setxxx这些方法用于设置时间 和日期值getxxx 这些方法用于获取时间 和日期值Toxxx这些方法用于从 Date 对象返回字符串值parsexxx var hour = now.getHours( ); if (hour=0 document.write(“现在时间:“+now.getHours()+“点“+n
15、ow.getMinutes( )+“分“);Date对象 10-7如何实现获得当前日期和时间获得小时，即当前是几点判断上午、下午还是晚上月份数字011，注意129Date对象 10-8qsetTimeout的用法：setTimeout（“调用的函数”,”定时的时间”） 例：var myTimesetTimeout（”disptime( )”,1000）;clearTimeout（myTime）;本例的时间可以采用定时显示，使用定时器函 数，每隔1秒调用disptime( )函数显示时间每隔1000毫秒调用函数 disptime( )执行关闭定时器30Date 对象10-8JavaScript
16、代码 function disptime( ) var time = new Date( ); /获得当前时间var hour = time.getHours( ); /获得小时、分钟、秒var minute = time.getMinutes( );var second = time.getSeconds( );var apm=“AM“; /默认显示上午: AMif (hour12) /按12小时制显示hour=hour-12;apm=“PM“ ;if (minute 无边框的文本框myclock使用定时器函数，每 隔1秒调用disptime( )函数刷新显示获得小时、分钟、秒根据12小时制调整时间 和AM/PM标志确保分钟和秒显示
